条件に基づいてループの一部であるアイテムを非表示にする

Question

<ul *ngFor="#item of items; #i=index" > 
      <li [hidden]="{{ item.myattr === 'some_value' }}"> {{ item.val}} </li> 

     </ul> 

私は上記のコードを持っています。アイテムがある値と等しい値を持つ場合、リストを非表示にしたい。この場合、アイテムがあり、属性はmyattrであり、それがsome_valueに等しい場合、アイテムは非表示にする必要があります。私が提供したコードは動作しません。

Answer 1

あなたは[]（実際には、することはできませんが）の結合性を補間{{}}を使用する必要はありません：ネイティブ「隠された」プロパティにバインド：

<li [hidden]="item.myattr === 'some_value'"> 

または、間違い＃1を読んでhttp://angularjs.blogspot.com/2016/04/5-rookie-mistakes-to-avoid-with-angular.html

にそうよりよい解決策は

<li *ngIf="item.myattr !== 'some_value'"> 

Answer 2

あなたは基本的なことができそうです同盟者はng-hideも好きです。

<li ng-hide="item.myattr =='some_value'"> {{item.val}} </li> 

item.myattrがsome_valueと同じタイプであると仮定します。

Answer 3

パイプを使用して不必要な項目を除外することをお勧めします。

https://angular.io/docs/ts/latest/guide/pipes.html