使用可选的href渲染对象

时间:2015-03-01 11:28:09

标签: angularjs

我有一个对象发言人,在我的范围内,我想用angularjs渲染它。

我想在我的html页面中渲染,如果speaker.url存在:

<a href="{{speaker.url}}">{{speaker.name}}</a>

否则,只需渲染(没有元素):

{{speaker.name}}

实现这一目标的最佳途径是什么?

1 个答案:

答案 0 :(得分:1)

尝试使用ng-if

<a ng-if="speaker.url" href="{{speaker.url}}">{{speaker.name}}</a>
<span ng-if="!speaker.url">{{speaker.name}}</span>

您也可以使用ng-show使用相同的逻辑来执行此操作。但ng-show只显示/隐藏元素。如果不需要,ng-if将其从DOM中删除。

what is the difference between ng-if and ng-show/ng-hide