angularjs - 条件 anchor 标签和点击

Question

给定一个定义为名称和 linkid 的对象列表，如果 linkid 为 null 我只想显示名称，如果 linkid 有值我想将名称包装在 anchor 标记中并绑定(bind)到点击事件。因此，例如对象 A 是:

objectA {
    name: "Object A"
}

我想像文本一样显示在页面上，所以我可以使用:

{{objectA.name}}

但是，给定 objectB 为:

objectB {
    name: "Object B",
    linkId: 3
}

我希望标记为:

<a href="#" ng-click="clickEvent(objectB.linkId)">{{objectB.name}}</a>

我如何使用 angularjs 做到这一点？

Answer 1

一个非常简单的解决方案是使用 Angular 的内置指令:

<a ng-if="objectB.linkId" href ng-click="clickEvent(objectB.linkId)">{{ objectB.name }}</a>
<span ng-if="!objectB.linkId">{{ objectB.name }}</span>

当对象没有 linkId 时，这确实会创建一个额外的 span 元素，但这是一个简单的解决方案。