javascript - 使用 AngularJS 在 HTML 标记上执行 if/else

Question

<span ng-if="ItemIndex.ItemCount>0"><a href="#" ng-click="deleteItem(ItemIndex)"
    class="underlined-text-button"><i
    class="glyphicon glyphicon-remove"></i> Remove items</a>
</span>

如果我有超过 0 个项目，则文本会显示“删除项目”，对吧。但我希望，如果我有一个项目，则文本更改为“删除项目”所以，

项目 == 1 == 删除项目

项目 > 1 == 删除项目

我该如何设置？

Answer 1

像这样使用，

<span ng-if="ItemIndex.ItemCount>0">
    <a href="#" ng-click="deleteItem(ItemIndex)"
    class="underlined-text-button"><i
    class="glyphicon glyphicon-remove"></i> 

    {{ (ItemIndex.ItemCount == 1) ? 'Remove item' : 'Remove items' }}


    </a>
</span>

如果 (ItemIndex.ItemCount == 1) 为 true，则打印 Remove item，否则打印 Remove items。

或者您可以使用ng-show、ng-hide或ng-if，

 <span ng-if="ItemIndex.ItemCount>0">
    <a href="#" ng-click="deleteItem(ItemIndex)"
    class="underlined-text-button"><i
    class="glyphicon glyphicon-remove"></i> 


    <span ng-show="ItemIndex.ItemCount == 1"> Remove item </span>
    <span ng-show="ItemIndex.ItemCount > 1"> Remove items </span>

    </a>
</span>