Задать вопрос
splincodewd
@splincodewd
Developer
angular.js

Как в angularJS передавать данные из одного контроллера в другой?

Я что-то так и не разобрался, можете подсказать на примере:
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
	<script>
		var myModule = angular.module('myModule', []);
		myModule.service('dataService', function($rootScope) {
		  return {
		  	dataZeroController: {base: 1},  
		  	dataOneController: {text: 'text'},  
		  };
		});

		myModule.controller('ControllerZero', ['$scope', 'dataService', function($scope, dataService) { 

			$scope.base = dataService.dataZeroController.base;

			$scope.handleClick = function(value) {
				dataService.dataOneController.text = value; // как отдать значение в другой контроллер, где {{ title }}
				alert(value); 
			}
		}]);

		myModule.controller('ControllerOne', ['$scope', 'dataService',  function($scope, dataService) { 
			$scope.title = dataService.dataOneController.text;

		}]);

	</script>
</head>
<body ng-app="myModule">
	
	<div class="box1" ng-controller="ControllerZero">
		<span ng-model="base">{{ base }} </span>
		<button ng-click="handleClick(base)">передать значение base </button>
	</div>
	

	<div class="box2" ng-controller="ControllerOne">
		
		{{ title }}

	</div>

</body>
</html>


Как из одного контроллера изменить значение другого? Например, при клике на кнопку

То есть я кликнул по кнопке и вместо `text` я увижу `единицу`
  • Вопрос задан
  • 132 просмотра
Комментировать
Подписаться 1 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 1
splincodewd
@splincodewd Автор вопроса
Developer 
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
	<script>
		var myModule = angular.module('myModule', []);
		myModule.service('dataService', function($rootScope) {
		  return {
	          base: 1,
	          title: 'text',
	        };
		});

		myModule.controller('ControllerZero', ['$scope', 'dataService', function($scope, dataService) { 
			$scope.ds = dataService;

			$scope.handleClick = function(value) {
				dataService.title = value;
			}

		}]);

		myModule.controller('ControllerOne', ['$scope', 'dataService',  function($scope, dataService) { 
			$scope.ds = dataService;
		}]);

	</script>
</head>
<body ng-app="myModule">
	
	<div class="box1" ng-controller="ControllerZero">
		<span ng-model="base">{{ ds.base }} </span>
		<button ng-click="handleClick(ds.base + 1)">передать значение base </button>
	</div>
	

	<div class="box2" ng-controller="ControllerOne">
		
		{{ ds.title }}

	</div>

</body>
</html>
Ответ написан
4 комментария
4 комментария
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
DevOps / SRE 🔥
Fundraise Up
от 3 900 до 6 500 $
QA-инженер / Тестировщик (Senior, Middle+)
Web Control • Москва
от 170 000 до 250 000 ₽
Менеджер по IT-продажам
Favourite partners • Москва
от 150 000 до 500 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Написание статей в нужном стиле ( интерьер, дизайн спальни etc )
25 нояб. 2024, в 15:01
1000 руб./за проект
Разработать телеграмм бота для заказа такси!!!
25 нояб. 2024, в 14:54
25000 руб./за проект
Нужен грамотный директолог
25 нояб. 2024, в 14:51
10000 руб./за проект
Ещё заказы