AngularJS ng-hide/ показать метку / кнопку, если длина (описание) < 20

Мне нужно показать / скрыть метку, если длина (описание) <одна строка. Код работает нормально, но если длина <одна строка, метка не скрывается. Как скрыть / показать ярлык?

Если [[ demandAd.description ]] меньше одной строки или меньше одной строки (или длины < 100), мне нужно скрыть метку, потому что она не имеет функции в то время

<div class="demand">
    <p class="demand-ad-time">[[demandAd.createdAt | date:"dd.MM.yyyy."]]</p>
    <input type="checkbox" class="read-more-state" id="demandAd[[ demandAd.id ]]" />
    <p>[[ demandAd.description ]]</p>
    <label for="demandAd[[ demandAd.id ]]" class="read-more-trigger"></label>
    <hr>
    <div class="demand-chips">
        <div class="demand-chip" ng-repeat="demandAdLabel in demandAd.labelsWithPlaces track by $index">[[ demandAdLabel ]]</div>
    </div>
Источник

1 ответ

Решение

Надеюсь, я правильно понимаю, вы хотите скрыть метку, когда длина текста меньше 100. Вы можете сравнить длину текста в пределах ng-hide

<body ng-app="">

Hide base on text length: <input type="text" ng-model="myVar">

<div ng-hide="myVar.length >= 3">
<label>Hide when length >= than 3</label>
</div>

</body>

Вот живой пример кода:

https://plnkr.co/edit/vHVXyNCTzPiuVwq2fyOG?p=preview

Источник
Другие вопросы по тегам