AngularJSは今、私はビューを切り替える必要があり、私の<code><select></code></p> <p>まあで<code><options></code>のリストを作成するだけでなく、私はオブジェクトから反復よ、私はここでのロジックの問題に直面しています、

Question

ので、コレクションアイテムの間でビューを変更しますコレス選択オプション

<div> 
    <select class="select" 
     name="singleSelect" 
     ng-model="$ctrl.currentViewOption"> 
     <option value="">Choose a option</option> 
     <option ng-selected="$ctrl.selected(item)" 
      value="{{item.token}}" 
      ng-repeat="item in $ctrl.listOptions">{{'Option '}} {{ $index + 1 }}</option> 
    </select> 
    <code>selection={{$ctrl.currentViewOption}}</code> 
    <hr/> 
    <div class="animate-switch-container" 
     ng-switch on="$ctrl.currentViewOption"> 
     <div class="animate-switch" ng-switch-when="item.token === correspondentView">view1</div> 
     <div class="animate-switch" ng-switch-when="">view2</div> 
     <div class="animate-switch" ng-switch-default>default</div> 
    </div> 
</div> 

各オプションの構造は以下の通りである：

{ "トークン"： "56e6fe65712ed797f7014d40"、 "ステータス"：3、 "createdAt"： "someDate"、 "updatedAt"： "someDate"、 "内容"：[ "これはオプションのビューをレンダリングするために、すべてのデータが含まれています"] }

だから、私は何を行うことができます私のコントローラ、このアイテムのそれぞれに基づいてビューを切り替えるには？ ビューごとにこのオブジェクトの attrに基づいてデータをレンダリングします。

Answer 1

ng-switch-whenディレクティブに設定する値は、式ではなく文字列です。ときcurrentViewOption.contentこの例では

<div class="animate-switch-container" 
    ng-switch on="$ctrl.currentViewOption.content"> 
    <div class="animate-switch" ng-switch-when="stringValueNecessaryToShowView1">view1</div> 
    <div class="animate-switch" ng-switch-when="stringValueNecessaryToShowView2">view2</div> 
    <div class="animate-switch" ng-switch-default>default</div> 
</div> 

：あなたは、例えば、currentViewOptionの内容一部のプロパティに基づいて切り替えることができるようにしたい場合は、あなたがのようなものを使用しなければならないでしょうhttps://docs.angularjs.org/api/ng/directive/ngSwitch

を参照してください。 == 'stringValueNecessaryToShowView1'を押すと、view1が表示されます。