button if length(description) < 20

700 Views Asked by neverMind At 18 April 2025 at 23:01

I need to show/hide label if length(description) < one row. Code is working ok, but if length < one row, label isn't hide. How to hide/show label?

If [[ demandAd.description ]] less than one line or less than one row(or length < 100), I need to hide label because it doesn't have a function at that time

<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>

Original Q&A

There are 1 best solutions below

kitko112 On 14 August 2018 at 14:20 BEST ANSWER

Hope I understand correctly, you want to hide a label when the text length is shorter than 100. You can compare the text length within 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>

Here is a live sample code:

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

AngularJS ng-hide/show label/button if length(description) < 20

There are 1 best solutions below

Related Questions in JAVASCRIPT

Related Questions in ANGULARJS

Related Questions in NG-SHOW

Related Questions in NG-HIDE

Related Questions in ANGULARJS-NG-IF

Trending Questions

Popular # Hahtags

Popular Questions