我正在尝试使用 ng-switch
切换元素当我设置某个索引时显示特定元素。
ng-switch
正常工作,只是它只显示最后一个 switch 语句。
我在使用这段代码时只显示“第 2 帧”div:
<div ng-switch="frame">
<div ng-switch-when="1">Frame 1</div>
<span>Some permanent text</span>
<span ng-switch-when="2">Text relevant to frame 2</span>
<div ng-switch-when="2">Frame 2</div>
</div>
当 frame
设置为 2 时,我希望上面显示所有 switch-when
。
注意:标记不能更改。
- 我该怎么做?
- 如果我不能,是否有更好/不同的选择?
最佳答案
嵌套你的标记:
<div ng-switch="frame">
<div ng-switch-when="1">Frame 1</div>
<span>Some permanent text</span>
<div ng-switch-when="2">
<span>Text relevant to frame 2</span>
<div>Frame 2</div>
</div>
</div>
编辑:OP 编辑了他的问题以指定标记不能更改。
您不能将相同的 ng-switch-when
应用于多个元素。不过,您可以使用ng-show
:
<div>
<div ng-show="frame == 1">Frame 1</div>
<span>Some permanent text</span>
<span ng-show="frame == 2">Text relevant to frame 2</span>
<div ng-show="frame == 2">Frame 2</div>
</div>
关于javascript - 是否可以将 ng-switch-when 属性放在多个元素上?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19791523/