AngularJS에서 두 개의 뷰를 업데이트하는 하나의 컨트롤러를 사용할 수 있습니까?

Question

하나의 컨트롤러에 두 개의 뷰를 바인딩하여 데이터가 변경된 위치 (view1, view2 또는 모델)에 관계없이 두 뷰를 모두 업데이트 할 수 있습니까? 이 예제처럼 작동해야합니다 (제거 된 클러 터). 이이 작업을 수행 할 수없는 이유가 없지만 http://plnkr.co/edit/UDs10RhG7mJR8813epwO?p=preview

Answer 1

같은 개체가 두 컨트롤러의 범위에 있어야한다 : 여기

<script> 
    angular.module('foobar', []).controller('ContentCtrl', ['$scope', function($scope) { 
     $scope.content = {'title': 'Foo', 'subtitle': 'Bar', 'text': 'desc'}; 
    }]); 
</script> 

<form action="#" ng-controller="ContentCtrl"> 
    <input type="text" ng-model="content.title"> 
    <input type="text" ng-model="content.subtitle"> 
    <textarea ng-model="content.text"></textarea> 
</form> 

<div ng-controller="ContentCtrl"> 
    <input type="text" ng-model="content.title"> 
    <input type="text" ng-model="content.subtitle"> 
    <textarea ng-model="content.text"></textarea> 
</div> 

는 Plunker이다. http://plnkr.co/edit/ILzGCs9AYiPTETE92KTm?p=preview

원래 예제에서 각 범위에는 자체 개체가 있으며 각 개체는 자체 개체에서 작동합니다. 두 범위가 동일한 개체를 공유하면 각 개체는 동일한 개체에서 작동하므로 한 범위의 변경 사항이 다른 개체에 반영됩니다.