angularjs - 条件付きロジックを試すと、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>