尝试条件逻辑时，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引用变量。