有條件地追加字符串角JS乾淨的方式來標記屬性

Question

我有angularJS非常新手問題：

我有兩個<a>標籤非常相似，只顯示如果變量foo設置其href取決於：

檢查foo == NULL：

<a ng-href="#/bar/{{col.slug}}">{{col.title}}</a> 

其他

<a ng-href="#/{{foo}}/bar/{{col.slug}}">{{col.title}}</a> 

正如您所看到的，除了url的開頭附加的foo變量之外，標籤非常相似。

我知道有像ng-show和ng-hide,ng-if或ternary operation這樣的命令。

如何以最清潔的方式進行此操作？

謝謝！

Answer 1

你可以調節你的代碼：

<a ng-href="#/{{ foo != null ? foo + '/' : ''}}bar/{{col.slug}}">{{col.title}}</a> 

或者你可以使用ngShow：

<a ng-show="foo == null" ng-href="#/bar/{{col.slug}}">{{col.title}}</a> 
    <a ng-show="foo != null" ng-href="#/{{foo}}/bar/{{col.slug}}">{{col.title}}</a> 

我更喜歡在線狀態，發現它更redable

Answer 2

的數據小於發送到瀏覽器越好。

<a ng-href="#/{{ !!foo ? foo + '/' : '/'}}bar/{{col.slug}}">{{col.title}}