ng-switch 在尝试条件逻辑时无法按预期工作

Question

我试图根据值中的数据做一个简单的switch case。

当值为 1 时，它

应该只显示已接受等。但是，当值为 1 或 2 时，它显示已接受和挂起，但对于选项 3 工作正常。

<span ng-switch on="{{x.sers_id}}">
    {{x.sers_id}}
    <i class="icon ion-ios-information-outline"></i>&nbsp;
    <div ng-switch-when="1">Accepted</div>
    <div ng-switch-when="2">Rejected</div>
    <div ng-swtich-when="3">Pending</div>
</span> 

这是当值为 1 时它在 DOM 中显示的内容。

<span ng-switch="" on="1" class="ng-binding">
    1
    <i class="icon ion-ios-information-outline"></i>&nbsp;
    <!-- ngSwitchWhen: 1 --><div ng-switch-when="1">Accepted</div><!-- end ngSwitchWhen: -->
    <!-- ngSwitchWhen: 2 -->
    <div ng-swtich-when="3">Pending</div>
</span>

Answer 1

您有拼写错误。试试这个：

<span ng-switch on="x.sers_id">
    {{x.sers_id}}
    <i class="icon ion-ios-information-outline"></i>&nbsp;
    <div ng-switch-when="1">Accepted</div>
    <div ng-switch-when="2">Rejected</div>
    <div ng-switch-when="3">Pending</div>
</span> 

另外，请注意，您不需要将$scope引用变量括在 on 属性中的{{ }}中。