Question

所以我有ng-if看起来像这样

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p style="margin-left: 2px;font-style: italics;font-family: 'Roboto', sans-serif; font-size: 12px;color: #818A8F;" ng-bind="'(' + progress + '%' + ' ' + 'complete)'"></p>

<div ng-if="progress == 100">
  <i class="material-icons x{{$index}}" style="position: relative; bottom: 100px; left: 600px; cursor: pointer;" ng-click="vm.removeFile($index)">close</i>
  <br>
  <div class="input-field col m2 l2">
    <input placeholder="First eye exam" id="desc{{$index}}" type="text" class="validate square-box" style="width: 400px !important;">
    <label for="desc{{$index}}" class="active">Description</label>
  </div>
</div>

当触发ng-if时，我想要隐藏ng-if（以及html中的其他内容）正上方的p

我试过像

这样的东西

<div ng-if="progress=100"><script>$('p').hide();</script></div>

但显然没有用。这是正确的做法吗？

Answer 1

添加

ng-hide="progress == 100"

要隐藏的所有元素。当条件满足时，Angular将负责隐藏它们。

angularjs ng-if隐藏不同的div

1 个答案: