有沒有辦法讓像ng-switch這樣的指令替換含有正確結果的ng-switch的div？

Question

例如，有一種方法：

<div ng-switch on="value"> 
    <div ng-switch-when="1"> 1 </div> 
    <div ng-switch-when="2"> 2 </div> 
</div> 

到 「返回」 的最終形式如簡單地（假裝值= 1）

<div ng-switch-when="1"> 1 </div> 

而不包圍的div？

或者是否有另一個指令可以做到這一點？

這將節省我很多修改CSS的...

Answer 1

我建議使用NG-IF：

<div ng-if="value==1"> 1 </div> 
<div ng-if="value==2"> 2 </div> 

例子：http://plnkr.co/edit/h8uap4NMJ9uGsFDy8Ck7?p=preview

Answer 2

是的，你可以使用ngIf指令到有條件地將元素添加到DOM中。

ngIf

<div ng-if="myVar == '1'">Hello world</div> 

這DIV將呈現僅當myVar值爲1

注：ngIf將創造新的範圍。它不適用於ng-repeat。

對於NG-重複，您可以使用ngShow或ngHide指令。它與ngIf的作用相同，但它只是加上display：none by css class named hide。所以最好使用ngIf。 ngShow或ngHide是昂貴的。

ngShow

<div ng-show="myVar == '1'">Hello world</div> 

ngHide

<div ng-hide="myVar == '1'">Hello world</div> 

利用這一點，你將不會看到Hello world，但它會在DOM