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

标签 javascript angularjs

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

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

最佳答案

我不是 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

关于javascript - 如何使用 Angular 有条件地向元素添加属性? (不只是属性数据,整个属性),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31238535/

相关文章:

javascript - d3.js自定义曲线步轮

javascript - AngularJS - 复选框从选中对象中获取 id

javascript - SPA 中用户数据存储在哪里

javascript - 在 AngularJS 和 Jade 中使用无限滚动

angularjs - 子 ng-click 不触发

Javascript High Charts 更改 Rec Rill 悬停颜色

javascript - cheerio/jquery 选择器 : how to get a list of elements in nested div's?

javascript - 使用对象相同属性的多个值进行过滤

javascript - React-Native:如何使用坐标和图像缩放标记图片的一部分?

javascript - 调用对象中的函数而不访问对象属性