anggsのng-if条件

Question

AngularJSで新しく、angularJsでhide showを実行しようとしました。

<ul class="recent-rate-list"> 
     <li ng-repeat="ratedType in ratedTypes"> 
      <a href="#" style="line-height:30px">{{ratedType.type}}</a> 
     </li> 
    </ul> 

AngularJS：以下

は私のコードで私は必要

 $scope.ratedTypes = [ 
     { 
      type: 'Select All', 
      "value": '0', 
      isSelected : true 
     }, { 
      type: 'Option 1', 
      "value": '1', 
      isSelected: false 
     }, { 
      type: 'Option 2', 
      "value": '2', 
      isSelected: false 
     },{ 
      type: 'Option 3', 
      "value": '3', 
      isSelected: false 
     }, 
    ]; 

ときにはfalse isSelected = trueの場合、

 <a href="#" style="line-height:30px"><span>{{ratedType.type}}</span></a> 

とisSelected =

 <a href="#" style="line-height:30px">{{ratedType.type}}</a> 

私はangularJsがng-ifを知っていますが、使用できません。 ng-ifを使ってどのように解決できますか？

ありがとうございました。

Answer 1

ng-if条件をdivタグに入れることができます。

<div ng-if="isSelected === true"><a href="#" style="line-height:30px"><span>{{ratedType.type}}</span></a></div> 
 

 
<div ng-if="isSelected === false"><a href="#" style="line-height:30px">{{ratedType.type}}</a><div>

Answer 2

あなたはむしろ

$scope.isSelected = false; 

ホープ、このことができますdefine- this-

<div ng-if="isSelected"><a href="#" style="line-height:30px"><span>{{ratedType.type}}</span></a></div> 

<div ng-if="!isSelected"><a href="#" style="line-height:30px">{{ratedType.type}}</a><div> 

のようにして、コントローラに追加することができます:)

を