Question

如何使用ng-hide隐藏div？我有这段代码，我想用id =“ ApagarNA”将div隐藏起来。

此代码向我显示了一个包含值的表，但是我有一些行的值是N.A，并且当该行的所有4列中都有N.A时，我想隐藏该行。在这种情况下，我只发送了一行（2WK）的代码，而其他行则相同。

有一张桌子，第2WK行是（2 Semanas），其中所有列都带有N.A.其他的（9 Meses和2 Meses）也需要隐藏。

我尝试使用ng-if，但是即使该列具有值，它也会删除整行。

<div id="ApagarNA" data-ng-if=$odd ng-if="!item.Last && !item.LastUm && !item.LastDois && !item.LastTres" class="tableRowOdd" data-ng-show="item.TipoOWS === '9M'">


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

Answer 1

因此，基本上ng-hide接受一个表达式，如果该表达式为真，则该特定元件将被隐藏。

假设你有下面的HTML -

<table id="my-table" ng-hide="ctrl.shouldHide()">
</table>

在js方面-

function shouldHide(){
// some logic upon which this method would return true/false
}

因此，您可以做的是-可以实现类似的shouldHide方法，该方法将检查所有列是否均为N / A，然后返回true。否则，将返回false。希望对您有帮助

Answer 2

不需要nghide，而是使用ngIF。像* ngIf ='f == 1' 这样做的好处是，只有在ngIf内部的条件为true时，div才可见。因此，如果不满足条件，div将被隐藏

如何隐藏div

2 个答案: