2015-05-21 25 views
0
<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個項目,文本將變爲'刪除項目',正確。但我想,如果我有一個項目,文字更改爲「刪除項目」 所以,如果使用AngularJS的HTML標記文件,則使用

項目== 1 ==刪除項目

項目> 1 ==刪除項目

我怎麼能設置這個?

回答

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)爲真,則打印Remove item,否則打印Remove items

OR可以使用ng-showng-hideng-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> 
+0

沒有其他補充。 :) –

相關問題