ng-switch와 ng-if를 함께 사용할 수 있습니까?

Question

각본 ng-switch과 ng-if 지시어를 함께 사용하려고했지만 작동하지 않는 것 같습니다. 내가 일이었다 : 그 수 있습니다 또는 그 부분 지문을 전환 할 수있는 다른 방법이 있는지 주위 $ 범위에서 어떤 조건을 기준으로하면 난 그냥 궁금 해서요

<div data-ng-if = "x === 'someValue'" data-ng-switch on = "booleanValue"> 
    <div data-ng-switch-when = "!booleanValue" data-ng-include="'partial/index.html'"></div> 
    <div data-ng-switch-when = "booleanValue" data-ng-include="'partial/pageTwo.html'"></div> 
</div> 

? 당신에

Answer 1

NG-스위치 때, true 사용하는 대신 booleanValue 및 !booleanValue의 false :

<div data-ng-if = "x === 'someValue'" data-ng-switch on = "booleanValue"> 
    <div data-ng-switch-when = "false" data-ng-include="'partial/index.html'"></div> 
    <div data-ng-switch-when = "true" data-ng-include="'partial/pageTwo.html'"></div> 
</div> 

을 또한 NG-쇼 사용할 수 있습니다

<div data-ng-if = "x === 'someValue'" > 
    <div data-ng-show = "!booleanValue" data-ng-include="'partial/index.html'"></div> 
    <div data-ng-show = "booleanValue" data-ng-include="'partial/pageTwo.html'"></div> 
</div> 

을하거나 NG-IF를 사용 다시 :

<div data-ng-if = "x === 'someValue'" > 
    <div data-ng-if = "!booleanValue" data-ng-include="'partial/index.html'"></div> 
    <div data-ng-if = "booleanValue" data-ng-include="'partial/pageTwo.html'"></div> 
</div> 

ng-if는 ng-switch에 더 가깝습니다. 실제로 DOM에서 HTML 조각을 분리하고 다시 첨부합니다. ng-show는 단편을 DOM에서 제거하지 않고 단편의 가시성을 토글합니다.