アイコン要素でng-if/ng-showを使用できますか？

Question

ng-showまたはng-hideをIonicアイコン要素で使用することはできますか？

<i ng-show="seat1" id="space-1" class="ion-record"></i> 
<i ng-show="seat2" id="space-2" class="ion-record"></i> 
<i ng-show="seat3" id="space-3" class="ion-record"></i> 
<i ng-show="seat4" id="space-4" class="ion-record"></i> 

Answer 1

はい。

また、divにアイコンをラップすることもできます。

<div ng-show="seat1"><i id="space-1" class="ion-record"></i></div> 
<div ng-show="seat2"><i id="space-2" class="ion-record"></i></div> 
<div ng-show="seat3"><i id="space-3" class="ion-record"></i></div> 
<div ng-show="seat4"><i id="space-4" class="ion-record"></i></div> 

Answer 2

はい、すべての要素でng-showまたはng-ifを使用できます。ng-ifは実際にDOM要素を削除または再作成しますが、ng-showはDOM要素のみを非表示にします。この場合、たとえばseat1が虚偽の場合、要素はclass = "ion-record ng-hide"になり、このng-hideクラスはアイテムを作成します