ng-include가 변경 될 때 렌더링 업데이트

Question

각도가 처음입니다 - 내 문제 - $scope.editProfile()으로 전화하면 panels.left의 값이 변경되지만 페이지의 내용은 변경되지 않습니다. html 파일에서 다음과 같이 ng-include를 사용하고 있습니다.

<div ng-include src="leftPanel"></div> 

페이지 뷰를로드하면/profile.html이 div에 렌더링됩니다. 하지만 나중에 $scope.editProfile()라고 부르면 div가 뷰/edit.html의 내용으로 새로 고쳐지기를 원합니다. 값은 공장에서 변경되지만 (console.log에서 확인 됨) 페이지 내용은 업데이트되지 않습니다.

myApp.factory("panels", function() { 
    return { 
     left: "views/profile.html", 
     center: "views/msgs.html", 
     right: "views/friends.html" 
    }; 
}); 

myApp.controller("homeCtrl", function ($scope, api, panels) { 
    $scope.leftPanel = panels.left; 
    $scope.centerPanel = panels.center; 
    $scope.rightPanel = panels.right; 
}); 

myApp.controller("profileCtrl", function ($scope, api, panels) { 
    $scope.user = api.bio.get(); 
    $scope.editProfile = function() { 
    panels.left = "views/edit.html"; 
    }; 
}); 

Answer 1

당신은 라우팅 처리 할 ui-router의 더 나은 방법으로 명명 된 뷰를 사용하여 더 나을 당신이 지금 가지고있는 것보다 상태 것이다.

그러나 현재 논리를 작동 시키려면 homeCtrl의 함수에서 팩토리 할당을 래핑해야합니다.

즉, :

$scope.leftPanel = function() { return panel.left; }