How to ng-hide a div

How to ng-hide a div

How can I hide a div using ng-hide? I have this code and I want to hide me the div with id="ApagarNA".

How can I hide a div using ng-hide? I have this code and I want to hide me the div with id="ApagarNA".

This code shows me a table with values in it, but I have some rows where the value is N.A, and when I have N.A in all 4 columns of that row, I want to hide that row. In this case, I sent just the code for one row (2WK) but for the other rows, it is the same.

There is the table, the row 2WK is (2 Semanas), which has all columns with N.A. And the others (9 Meses and 2 Meses) also I need to hide.

<!-- 2WK Type -->

<div id="ApagarNA" data-ng-if=$odd class="tableRowOdd" data-ng-show="item.TipoOWS === '2WK'"> <div class="tableCellContent20"> <h3 class="cellTextType" ><span>{{::item.TipoCalculado.split('#')[1]}}</span></h3> </div> <div class="tableCellContent20"> <h3 class="cellTextValue" data-ng-show="item.Last"><span>{{::item.Last.replace('.',',') | limitTo:7:0}}</span></h3> <h3 id="apagarcampo" id="apagarcampo" class="cellTextValueNA" data-ng-show="!item.Last"><span>N.A.</span></h3> </div> <div class="tableCellContent20"> <h3 class="cellTextValue" data-ng-show="item.LastUm"><span>{{::item.LastUm.replace('.',',') | limitTo:7:0}}</span></h3> <h3 id="apagarcampo" class="cellTextValueNA" data-ng-show="!item.LastUm"><span>N.A.</span></h3> </div> <div class="tableCellContent20"> <h3 class="cellTextValue" data-ng-show="item.LastDois"><span>{{::item.LastDois.replace('.',',') | limitTo:7:0}}</span></h3> <h3 id="apagarcampo" class="cellTextValueNA" data-ng-show="!item.LastDois"><span>N.A.</span></h3> </div> <div class="tableCellContent20"> <h3 class="cellTextValue" data-ng-show="item.LastTres"><span>{{::item.LastTres.replace('.',',') | limitTo:7:0}}</span></h3> <h3 id="apagarcampo" class="cellTextValueNA" data-ng-show="!item.LastTres"><span>N.A.</span></h3> </div> </div>

<div id="ApagarNA" data-ng-if=$even class="tableRowEven" data-ng-show="item.TipoOWS === '2WK'"> <div class="tableCellContent20"> <h3 class="cellTextType" ><span>{{::item.TipoCalculado.split('#')[1]}}</span></h3> </div> <div class="tableCellContent20"> <h3 class="cellTextValue" data-ng-show="item.Last"><span>{{::item.Last.replace('.',',') | limitTo:7:0}}</span></h3> <h3 id="apagarcampo" class="cellTextValueNA" data-ng-show="!item.Last"><span>N.A.</span></h3> </div> <div class="tableCellContent20"> <h3 class="cellTextValue" data-ng-show="item.LastUm"><span>{{::item.LastUm.replace('.',',') | limitTo:7:0}}</span></h3> <h3 id="apagarcampo" class="cellTextValueNA" data-ng-show="!item.LastUm"><span>N.A.</span></h3> </div> <div class="tableCellContent20"> <h3 class="cellTextValue" data-ng-show="item.LastDois"><span>{{::item.LastDois.replace('.',',') | limitTo:7:0}}</span></h3> <h3 id="apagarcampo" class="cellTextValueNA" data-ng-show="!item.LastDois"><span>N.A.</span></h3> </div> <div class="tableCellContent20"> <h3 class="cellTextValue" data-ng-show="item.LastTres"><span>{{::item.LastTres.replace('.',',') | limitTo:7:0}}</span></h3> <h3 id="apagarcampo" class="cellTextValueNA" data-ng-show="!item.LastTres"><span>N.A.</span></h3> </div> </div>


Angular 9 Tutorial: Learn to Build a CRUD Angular App Quickly

What's new in Bootstrap 5 and when Bootstrap 5 release date?

Brave, Chrome, Firefox, Opera or Edge: Which is Better and Faster?

How to Build Progressive Web Apps (PWA) using Angular 9

What is new features in Javascript ES2020 ECMAScript 2020

Full Stack development: Angular 2/4/5/6/7 - Reusable Custom Bootstrap Modal Dialog Angular Component(3 ways)

Angular 2/4/5/6/7 - Reusable custom Bootstrap Modal dialog angular component-3 ways(code snippet with eg)&nbsp;