尝试条件逻辑时，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 属性中。