AngularJS - 使用 ng-switch 的基本 ng-repeat

Question

我有一个简单的 ng-repeat，它显示状态列表。我想将此 ng-repeat 扩展到 ng-switch 以根据状态显示一个值。

当前 ng-repeat：

<td ng-repeat="myStatus in history.Status.slice(0, 12)">
    {{ myStatus }}
</td>

使用 ng-switch：

<td ng-repeat="myStatus in history.Status.slice(0, 12)" ng-switch="myStatus">
    <span ng-switch-when="1">test1</span>
    <span ng-switch-when="2">test2</span>
    <span ng-switch-when="3">test3</span>
    <span ng-switch-when="4">test4</span>
    <span ng-switch-when="5">test5</span>
    <span ng-switch-when="6">test6</span>
    <span ng-switch-when="7">test7</span>
    <span ng-switch-default>Error</span>
</td>

但是，在 ng-switch 之上，没有任何显示。

Answer 1

在我这边工作，这里是 Plunker

但是作为一个建议，我更喜欢使用函数表达式而不是 ng-switch。

<td ng-repeat="myStatus in history.Status.slice(0, 12)">
    <span>{{getStatus(myStatus)}}</span>
</td>

getStatus 是一个返回所需信息的函数。

Answer 2

使用这个

<td ng-repeat="myStatus in history.Status.slice(0, 12)" >
  <span ng-switch="myStatus">
    <span ng-switch-when="1">test1</span>
    <span ng-switch-when="2">test2</span>
    <span ng-switch-when="3">test3</span>
    <span ng-switch-when="4">test4</span>
    <span ng-switch-when="5">test5</span>
    <span ng-switch-when="6">test6</span>
    <span ng-switch-when="7">test7</span>
    <span ng-switch-default>Error</span>
  </span>
</td>