你能在图标元素上使用ng-if/ng-show吗？

Question

可以在离子图标元素上使用ng-show或ng-hide吗？

<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为falsy，则元素将具有class="ion-record ng-hide“，并且此ng-hide类将创建您的项目

{display: none !important;}