如果length(description)<20,则AngularJS ng-hide /显示标签/按钮

时间:2018-08-14 13:07:28

标签: javascript angularjs ng-show ng-hide angularjs-ng-if

如果长度(描述)<一行,我需要显示/隐藏标签。代码可以正常工作,但是如果长度<一行,则不会隐藏标签。如何隐藏/显示标签?

如果[[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 个答案:

答案 0 :(得分: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