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

Question

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

当值为1时，应该只显示accepted等。但是，当值是 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 属性中。

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

ng-switch does not work as intended when trying conditional logic

angularjs

ng-switch