2016-10-13 10 views
0

私はAngular/Ionicの初心者です。私は以下のようにイオンリストを作成しました。リスト内の項目を表示/非表示にしたいのは、item.display内の値によって異なります。私のコードは以下のように表示されますanglejsの別の変数値に基づいてリスト要素を表示または非表示にする

<ion-list id="item-list7" ng-repeat="item in items track by $index" > 

//below item should display or hide with respect to value in item.display 
<ion-item id="item{{item.id}}" class="item-thumbnail-left assertive" > 
{{item.item_name}} 
</ion-item> 

<ion-list> 

ありがとうございます。どんな助けにも感謝します。

NG-ショー

<ion-item ng-show="item.display" id="item{{item.id}}" class="item-thumbnail-left assertive" > 

ngの非表示

<ion-item ng-hide="!item.display" id="item{{item.id}}" class="item-thumbnail-left assertive" > 

+0

NG-もしあなたが助けのためのNG-IFまたはNG-ショーとngの非表示 –

答えて

0

単純にこのように、ng-show/ng-hideを使用しています。

ng-ifを使用して要素を非表示にすることもできますが、DOMからも削除されます。

<ion-item ng-if="item.display" id="item{{item.id}}" class="item-thumbnail-left assertive" > 
+0

感謝を使用することができます。 ng-show = "item.display = anotherVariable"はどうすれば確認できますか? – Nakul

+0

あなたが書いた方法で:ng-show = "item.display == anotherVariable"。明らかに、anotherVariableはスコープ内で定義する必要があります(例えば$ scopeを参照してください)。 – Luxor001

+0

助けてくれてありがとう – Nakul

関連する問題