Как сделать так, чтобы контроллер2 работал с данными в контроллере1. И соответственно изменял данные в контроллере1.
Контроллеров2(3,4..) может быть много, поэтому прописывать зависимость от их всех в контроллере1 не получится.
<html ng-app="myApp">
<body>
<div ng-controller="phoneController">
<p>Название: {{phone.name}}</p>
</div>
<div ng-controller="phoneController2">
<input type="text" ng-model="phone.name" / >
<p>Название: {{phone.name}}</p>
</div>
<script src="js/lib/angular.min.js"></script>
<script type="text/javascript">
var myApp=angular.module('myApp', []);
myApp.controller('phoneController', function($scope) {
$scope.phone = {
name: 'Nokia Lumia 630'
}
});
myApp.controller('phoneController2', function($scope) {
$scope.phone = {
name: 'Nokia Lumia 630'
}
});
</script>
</body>
</html>
Средний
Средний