AngularJS不同的URL如果

时间:2014-09-23 22:30:59

标签: angularjs

我目前在我的页面上有以下链接。

<a href="/#!/blog/{{article.id}}" title="Permalink to {{article.title.__cdata}}" itemprop="url">{{article.title.__cdata}}</a> 

我想做一个小改动,但我不确定正确的语法。

如果{{article.url}}不是零长度,我想用{而不是/#!/blog/{{article.id}}

如果{{article.url}}为零长度,我想继续使用/#!/blog/{{article.id}}

1 个答案:

答案 0 :(得分:1)

<a ng-href="{{ article.url || '/#!/blog/' + article.id }}" ...>

或者你可以把这个逻辑放在控制器中,如果你发现它太复杂而不能在视图中使用:

<a ng-href="{{ getPermalink(article) }}" ...>

$scope.getPermalink = function(article) {
    return article.url || '#!/blog/' + article.id;
}