AngularJS動態更改ng-repeat指令的模板

Question

是否可以更改模板ng-repeat用於動態呈現每個元素，如同在選擇從表格/列表視圖到備選視圖的元素切換時一樣，僅顯示該元素？

我想要的是，在ng-repeat表/列表中選擇一個元素後，只切換到所選元素的顯示。但我想保留ng-repeat結構（過濾器，分頁），因爲我希望能夠一次一個地瀏覽每個元素（左和右說），並且在任何時候返回到表/列表及其結構到位。

也許使用新模板切換到新路線會更容易一旦選擇了某個元素，但是如何才能維護僅導航過濾的項目並在返回到該路線時恢復爲保存狀態ng-repeat ？

我希望我解釋得很好，提前謝謝。

Answer 1

您可以在ng-repeat指令中使用ng-switch指令。這裏有一個基本的例子：

<ul> 
    <li ng-repeat="color in colors" ng-switch on="color.value" > 
    <span ng-switch-when="orange" style="background-color:{{color.value}};">{{color.name}}</span> 
    <span ng-switch-default>{{color.name}}</span> 
    </li> 
</ul> 

Full jsFiddle。

UPDATE

在評論忍者褲子明確的最終目標是使用ng-include包括模板。下面是更新後的代碼片段展示瞭如何做到這一點：

<ul> 
    <li ng-repeat="color in colors" ng-switch on="color.value" > 
    <span ng-switch-when="orange" ng-include src="'template.html'"></span> 
    <span ng-switch-when="indigo" ng-include src="'template2.html'"></span> 
    <span ng-switch-default>{{color.name}}</span> 
    </li> 
</ul> 

and a 。