html - 根据条件显示 href 的优雅方式

Question

我必须出示 <a>标签。但是根据值是否存在，我需要设置 href .

这是我的:

<a ng-show="source.element!=0" "href="#/resource/{{source.a}}/{{source.b}}/val">
     {{source.element}})
</a>
<a ng-show="source.element==0" "href="">{{source.element}}</a>

如果source.element是 0 ，那么点击 source.element 的值应该不会发生任何事情( href="" )

否则，页面必须根据 href 重定向。

因为这会重复代码，是否有更好的方法来做到这一点？

谢谢..

Answer 1

在范围内创建一个方法

$scope.getUrl = function(source){
  return source.element==0 ? '#' :  '#/resource/'+source.a+'/'+source.b+'/val';
}

然后从 View 调用

<a ng-href="{{getUrl(source)}}">
     {{source.element}})
</a>

对于 Angular 标记，最好使用 ngHref .

因为如果用户在 Angular 加载之前点击 href，它会转到错误的地址。