ng-included 뷰를 동적으로 변경하는 방법은 무엇입니까?

Question

나는 단순화 된 다음 아키텍처했습니다

<section ng-controller="myController"> 
    <!-- Content --> 
    <button>Clic here !</button> 
</section> 
<aside ng-include="nav.html"> 
    <!-- Content --> 
</aside> 

가 어떻게보기를 변경 dynamicaly 수 있습니다 내가 myController 컨트롤러에 의해 구동되는 button에 CLIC aside 태그에 포함?

컨트롤러의 범위에는 aside 태그가 포함되지 않습니다.

Answer 1

범위의 변수에 ng-include를 설정하십시오.

$scope.currentTemplate = 'firstTemplate.html'; 

$scope.setTemplate = function(){ 
    $scope.currentTemplate = 'clickedTemplate.html'; 
} 

해야한다고 :

<aside ng-include="currentTemplate"> 
    <!-- Content --> 
</aside> 

추가

<button ng-click="setTemplate()">Click here !</button> 

는 기능과 컨트롤러에 변수를 추가이 변수를 변경하는 함수를 호출하는 버튼에 NG를 클릭 그것.

들러 예 : http://jsfiddle.net/AU6Mr/1/