时间戳

首页 > 解决方案 > AngularJS ng-hide/show label/button if length(description) < 20

javascript - AngularJS ng-hide/show label/button if length(description) < 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>

标签： javascriptangularjsng-showng-hideangularjs-ng-if

解决方案

希望我理解正确，当文本长度小于 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

推荐阅读