범위를 벗어나는 ng-view에서 공통 헤더를 표시하고 숨기는 방법

외부에 공통 헤더가 있어야하고 컨트롤러에서 표시 및 숨길 필요가 있습니다. 나는 다음과 같은 작업을 수행하려고하지만없는이범위를 벗어나는 ng-view에서 공통 헤더를 표시하고 숨기는 방법

HTML을 달성하기 위해 :

<body ng-app="myApp"> 
<div id="titleHead" ng-show="{{th}}"> 
    <h1>{{title}}</h1> 
</div> 
<div ng-view></div> 
</body>

JS를 :

controller1($rootScope){ 
    $rootScope.th = 'true'; 
} 

controller2($rootScope){ 
    $rootScope.th = 'false'; 
}

가이 작업을 수행하는 다른 방법을 내 code 됐나를 참조하십시오?

2016-06-10 karthik

'ng-show' 지시어에서'{{}}'보간법을 사용하지 마십시오.'ng-show = "th"' –

HTML은 다음과 같아야합니다

는

<body ng-app="myApp"> 
<div id="titleHead" ng-show="th"> 
    <h1>{{title}}</h1> 
</div> 
<div ng-view></div> 
</body>

컨트롤러 : 당신이 $rootScope.th = 'false';를 사용하는 경우

controller1($rootScope){ 
    $rootScope.th = true; 
} 

controller2($rootScope){ 
    $rootScope.th = false; 
}

, 그것은이 문자열 값 false입니다. ng-show="'false'"으로 확인하면 표시됩니다.

2016-06-10 07:29:12 WorkWe

ng-show가 예상대로 작동하지 않습니다. – karthik

예를 들어 줄 수 있어요? – WorkWe

내 예제 링크를 방문하십시오. [여기] (https://plnkr.co/edit/Qp99V6IKfElOD5Z0PSTK?p=preview) – karthik

답변