Boa tarde, tenho uma tabela onde mostro vários valores, mas tenho linhas onde por vezes não tenho numero e mostra N.A.
O que eu quero é apagar uma linha da tabela (div id="ApagarNA"
) se todas as colunas dessa linha tiverem N.A.
No código estou a usar AngularJS, e já tentei usar ng-if="!item.Last && !item.LastUm && !item.LastDois && !item.LastTres"
na div que quero apagar, mas ele apaga a linha mesmo se alguma coluna tiver numeros, e nao devia.
A tabela é esta:
E está aqui uma parte do meu código que corresponde a mostrar uma das linhas. Para as restantes linhas o código é similar.
<!-- 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>
Já tentei também com JavaScript, mas acontece o mesmo, apaga mesmo que uma das colunas tenha numero.
<script type="text/javascript">
var nove_meses = document.getElementById('ApagarNA');
var h3s = document.querySelectorAll('#apagarcampo span');
for(var i = 0; i < h3s.length; i++) {
console.log(h3s[i].innerText);
if(h3s[i].innerText == 'N.A.') {
nove_meses.style.display = 'none';
}
}
</script>
AngularJS
puro?