我可以使用一个控制器更新AngularJS中的两个视图吗?

我可以使用一个控制器更新AngularJS中的两个视图吗?,angularjs,Angularjs,是否可以将两个视图绑定到一个控制器,以便无论数据在何处更改(视图1、视图2或模型中),都可以更新这两个视图?它应该像这个例子一样工作(去除杂乱) 角度.module('foobar',[]).controller('ContentCtrl',['$scope',function($scope){ $scope.content={'title':'Foo','subtitle':'Bar','text':'desc'}; }]); 这里有一个例子:没有理由不能这样做,但是同一个对象必须在两个控

是否可以将两个视图绑定到一个控制器,以便无论数据在何处更改(视图1、视图2或模型中),都可以更新这两个视图?它应该像这个例子一样工作(去除杂乱)


角度.module('foobar',[]).controller('ContentCtrl',['$scope',function($scope){
$scope.content={'title':'Foo','subtitle':'Bar','text':'desc'};
}]);

这里有一个例子:

没有理由不能这样做,但是同一个对象必须在两个控制器的作用域中。看


在最初的示例中,每个作用域都有自己的对象,因此每个作用域都在自己的对象上操作。如果两个作用域共享同一个对象,则每个作用域都在同一个对象上运行,因此一个作用域中的更改会反映在另一个作用域中。

没有理由不能这样做,但相同的对象必须在两个控制器的作用域中。看


在最初的示例中,每个作用域都有自己的对象,因此每个作用域都在自己的对象上操作。如果两个作用域共享同一个对象,那么每个作用域都在同一个对象上运行,因此一个作用域中的更改会反映在另一个作用域中。

太好了,就是这么简单。谢谢太好了,就这么简单。谢谢
<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>