angularjs NG-場合、別のdiv

Question

を隠すには、だから私は、私は右ng-上pのthatsを非表示にする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持っていますもし（および他のもののhtmlでも）

私は

のようなものを試してみました

しかし、明らかにその作業はありませんでした。これを行う正しい方法は何ですか？

Answer 1

ちょうどあなたが非表示にするすべての要素に

ng-hide="progress == 100" 

を追加します。 Angularは、条件が満たされたときにそれらを隠す処理を行います。