Angular filter html

Question

I have an ng-repeat that returns me a list.

Every line, I have a default text that arises if a variable is > 0

So far everything is working.

How do I add to filter only show the record when the default text is filled?

The contents are in a div:

<div name="pesq" id "pesq" style="padding-left: 5px;color:red"> =texto padrão= </div>


<tr ng-repeat="nome in nomes | filter: 'pesq'">

Answer 1

Can do:

<tr ng-repeat="[objecto] in [colecção] | filter: {[propriedade]: '[texto]'}">

Where propriedade is the name of the property of the object you want to filter, and texto is the text you want to find in the property.

That is, (assuming the name of the property is pesq and the text is padrao):

<tr ng-repeat="nome in nomes | filter: {pesq: 'padrao'}">

All objects nome containing the property pesq with the text padrao will be written in the DOM.

Answer 2

Dude, an option would be to do this only with css and jquery. You can leave by default the text hidden with display:none or leaving him invisible with visibility:hidden, ai in its condition, you would only capture the element with jquery and add css. Example $('#elemento').css("display","block"); or $('#elemento').css("visibility",visible"); If you have any questions, comment on :D

$('#inp').focusout(function(){
   if($(this).val().length >0)
   {
     $('#texto').css('display','block')
   }
   else{
     alert('tamanho menor que 0')
     $('#texto').css('display','none')
   }

})

#texto{
  display: none;
}

<p id='texto' > texto exibido </p>

<input type="text" id="inp"/>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"> </script>