Javascript 当指令位于单个HTML标记中时，多个ng开关

下面是我想做的一个简化版本

    <div ng-switch on='stepNumber' >
       <div ng-switch-when="1" ng-switch-when="2" ng-switch-when="3" >One, Two, Three</div>
       <div ng-switch-when="4" >Four</div>
       <div ng-switch-when="5" ng-switch-when="10">Five, Ten</div>
    </div>

一，二，三
四
五，十

---

复杂的版本似乎不起作用，代码会让人难以理解。当针对每种情况时，您需要使用

ng开关编写单独的元素：


myApp.controller（'MyCtrl'，函数（$scope）{
$scope.stepNumberWithin=函数（arr，编号）{
控制台日志（arr，编号）；
返回arr.indexOf（number）！=-1；
}
});

Step Number: <input type="text" ng-model="stepNumber">

<div ng-switch on="stepNumber">
  <div ng-switch-when="1">One, Two, Three</div>
  <div ng-switch-when="2">One, Two, Three</div>
  <div ng-switch-when="3">One, Two, Three</div>
  <div ng-switch-when="4">Four</div>
  <div ng-switch-when="5">Five, Ten</div>
  <div ng-switch-when="10">Five, Ten</div>
</div>