AngularJS 'ng-switch-when'式で

Question

私はng-switch-whenが値を期待していることを知っていますが、それにng-repeatを作成しました。

は、私は値が「I」ですが、angularjsはそれを受け入れないときdivを見せたい、これは？：

<div ng-switch-when="2" ng-controller="pages as page" ng-switch="page.get()"> 
    <div ng-repeat="i in [1,2,3,4,5]"> 
     <div ng-switch-when="{{ i }}"> 
      {{i}} 
     </div> 
    </div> 
    <button ng-hide="page.is(1)" ng-click="page.prev()" class="btn btn-info">Previous Page</button> 
    <button ng-hide="page.is(5)" ng-click="page.next()" class="btn btn-info">Next Page</button> 
    <br> 
    <label>Page {{page.get()}}</label> 
</div> 

を動作させるために作るために何が必要です。

それが大きな違いを作るかどうかは知りませんが、私は別のng-switchによって表示されているdiv内部ng-switchを使用しています。

事前に感謝

EDIT 1： 私はNG-スイッチの内部にあるng-repeat 5ページ、で作成したいです。 それらの残りの繰り返し「i」は値が1である、私はまた、スイッチの値が1に等しいとき、それが作成されたページを表示させたい、とその

Answer 1

はこのような何かしようとすると：

を

<div ng-controller="pages as page" ng-switch="page.get()"> 
    <div ng-repeat="i in [1,2,3,4,5]"> 
     <div ng-switch = "i"> 
     <div ng-switch-when = "1"> 
      1 
     </div> 
     <div ng-switch-when = "2"> 
      2 
     </div> 
     <div ng-switch-when = "3"> 
      3 
     </div> 
     <div ng-switch-when = "4"> 
      4 
     </div> 
     <div ng-switch-when = "5"> 
      5 
     </div> 
     </div> 
    </div> 
    <button ng-hide="page.is(1)" ng-click="page.prev()" class="btn btn-info">Previous Page</button> 
    <button ng-hide="page.is(5)" ng-click="page.next()" class="btn btn-info">Next Page</button> 
    <br> 
    <label>Page {{page.get()}}</label> 
</div> 

Answer 2

簡単に言えば：

できません。 the docsから

：

は、属性値が表現することはできません照合することに注意してください。これらは、一致するリテラル文字列値として解釈されます。あなたは同じ結果を達成するために何ができるか

次のようにng-showを使用している：

<div ng-repeat="i in [1,2,3,4,5]"> 
    <div ng-show="page.get() === i"> 
     {{i}} 
    </div> 
</div>