javascript - 在 AngularJS 中的 ng-if 或 ng-show 内部进行迭代

Question

我正在开发 AngularJS Web 应用程序，有时我需要检查 ng-if 或 ng-show 指令内的元素是否在列表内。我现在正在这样做:

<div ng-if="object.element=='A' || object.element=='B' || object.element=='C'">
    <p>Hello World!</p>
</div>

我想知道是否有办法做这样的事情:

<div ng-if="object.element in ['A','B','C']">
    <p>Hello World!</p>
</div>

Answer 1

你可以这样做:

<div ng-if="['A','B','C'].indexOf(object.element)>-1">
    <p>Hello World!</p>
</div>

或者这个(是一样的):

<div ng-if="['A','B','C'].indexOf(object.element)+1">
    <p>Hello World!</p>
</div>

Working example