elsejが条件を満たさない場合

Question

私はAngularJSで新しく、プロジェクトの小さなモジュールで作業しています。私は条件に基づいて2つdivを示したいと思います。条件は、{{ merchandiser.popCode }}がデータベースにポップコード値が存在し、div1を表示していればdiv2を表示していることを意味します。ここに私のコードスニペットは、あなたが角度のテンプレートであれば（）{..}他{..}ロジックのためng-ifを使用することができます

<tr ng-repeat="merchandiser in data.merchandisers | filter: filter()"> 
     <td title = "({{ merchandiser.id }})">{{ $index + 1 }}</td> 
     <td>{{ merchandiser.createdOnDate }}</td> 
     <!--<td>{{ merchandiser.createdOnTime }}</td>--> 
     <td>{{ merchandiser.pjpCode }} </td> 
     <td>{{ merchandiser.sectionCode}}</td> 
     <td>{{ merchandiser.popCode }}</td> 
     <td>{{ merchandiser.popName }}</td> 
     <td>{{ merchandiser.popStatus }} </td> 
     <td>{{ merchandiser.channel }} </td> 
</table> 
<div class="row"> 


     <div id = "div1" class = "col-sm-4" > 

     <table class = "table"> 
      <tr class="colour"> 
      <th>POP Classification</th> 
      <td>{{ popData.popClassification }}</td> 
      </tr> 
      <tr> 
      <th class="colour">Owner's Name</th> 
      <td>{{ popData.ownerName }}</td> 
      </tr> 
      </div> 
<div id = "div2" class = "col-sm-4" > 

    <table class = "table"> 

     <tr>enter code here 
     <th class="colour">Owner's Name</th> 
     <td>{{ popData.ownerName }}</td> 
     </tr> 
     </div> 

Answer 1

です。あなたの現在の状況については

、

<div id="div1" ng-if="merchandiser.popCode"> 
<!-- If block i.e div1 --> 
</div> 
<div id="div2" ng-if="!merchandiser.popCode"> 
<!-- Your Else Block i.e div2 --> 
</div> 

Answer 2

はこれを試してみてください：

<div id="div1" ng-if="merchandiser.popCode"> 
<!-- Condition true show Div1 block content --> 
</div> 
<div id="div2" ng-if="!merchandiser.popCode"> 
<!-- Condition false show Div2 block content --> 
</div>