javascript - 如何使用 Angular 有条件地向元素添加属性？ (不只是属性数据，整个属性)

Question

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

原因是，我在下面有主链接和子链接。有子链接的主链接不能有 href。如果它至少有一个空的 href，当我点击它展开子链接时，它会带我到索引模板。有没有任何子链接的主链接。因此，对于它们，我需要 href，对于带有子链接的链接，我需要完全删除 href。我该怎么做？

Answer 1

我不是 Angular 方面的专家，但如果我是正确的，对于 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>

我个人不喜欢第二种方法，因为它会导致代码重复。

答案取自 this post