AngularJS ng-hide/show label/button 如果长度(描述)< 20
AngularJS ng-hide/show label/button if length(description) < 20
如果长度(描述)< 一行,我需要 show/hide 标签。代码工作正常,但如果长度 < 一行,则标签不会隐藏。如何hide/show标签?
如果[[ 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>
希望我没理解错,当文本长度小于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>
这是一个实时示例代码:
如果长度(描述)< 一行,我需要 show/hide 标签。代码工作正常,但如果长度 < 一行,则标签不会隐藏。如何hide/show标签?
如果[[ 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>
希望我没理解错,当文本长度小于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>
这是一个实时示例代码: