javascript - 如何仅使用一个 <a> 标签编写这个 Angular HTML？

Question

    <ul>
        <li ng-repeat="channel in Board.Channels">
            <a ng-if="channel.key == ''" ng-href="/{{Board.type}}/{{Board.id}}/{{Board.key}}">{{channel.title}}</a>
            <a ng-if="channel.key != ''" ng-href="/{{Board.type}}/{{Board.id}}/{{Board.key}}?channel={{channel.key}}">{{channel.title}}</a>
        </li>
    </ul>

两个链接之间的唯一区别是一个有查询参数，另一个没有。

有没有一种方法可以在不使用两个 <a ng-if=""> 的情况下编写此内容条件标签？

Answer 1

Angular 绑定(bind) {{}} 可以包含代码或作用域变量。在这种情况下，您可以使用 Angular 尴尬的三元运算符进行绑定(bind): {{boolean && ifTrueValue || ifFalseValue}} 您可以将其解读为类似于 (boolean) 吗？ ifTrueValue : ifFalseValue

<ul>
    <li ng-repeat="channel in Board.Channels">
        <a ng-href="/{{Board.type}}/{{Board.id}}/{{Board.key}}{{(channel.key == '') && ''|| '?channel='+ channel.key}}">{{channel.title}}<span class="cgCount">{{channel.count}}</span></a>
    </li>
</ul>