如何使用Angular有条件地向元素添加属性？(不仅属性数据,整个属性)

Question

我有一些用角材料创建的链接.在那里我们的链接和按钮<md-button>.现在我有一个链接,只有当url存在时我才需要添加href属性.否则它不应该有一个href.

原因是,我有下面的主要链接和子链接.具有子链接的主链接不能具有href.如果它确实至少有空的href,只要我点击它以展开子链接,它就会转到索引模板.有些主要链接没有任何子链接.所以,对于他们我需要href和链接与子链接我需要完全删除href.我怎样才能做到这一点？

Answer 1

我不是棱角分明的专家,但如果我是正确的,对于Angular 1.3及以上版本:

<a ng-attr-href="{{href || undefined}}">Hello World</a>

对于1.3以下的版本,我想你可以这样做:

<a ng-if="href" ng-attr-href="{{href}}">Hello World</a>
<a ng-if="!href" >Hello World</a>

就个人而言,我不喜欢第二种方法,因为它会导致代码重复.