在AngularJS中将数据从一个控制器传递到另一个控制器

Question

如何将数据从一个控制器传递到另一个控制器？

我读了很多东西，例如使用root Scope，使用服务，使用广播事件等，但似乎什么都没有用。 有人可以指导我吗？

Answer 1

您可以使用服务或factory在控制器之间共享数据。

演示

 var app = angular.module("clientApp", []) app.controller("TestCtrl", function($scope,names) { $scope.names =[]; $scope.save= function(){ names.add($scope.name); } } ); app.controller("TestCtrl2", function($scope,names) { $scope.getnames = function(){ $scope.names = names.get(); } } ); app.factory('names', function(){ var names = {}; names.list = []; names.add = function(message){ names.list.push({message}); }; names.get = function(){ return names.list; }; return names; });

 <!doctype html> <html > <head> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script> <script src="script.js"></script> </head> <body ng-app="clientApp"> <div ng-controller="TestCtrl"> <input type="text" ng-model="name"> <button ng-click="save()" > save</button> </div> <div ng-init="getnames()" ng-controller="TestCtrl2"> <div ng-repeat="name in names"> {{name}} </div> </div> </body> </html>

路线演示

Answer 2

I think you are switching controller due to state change. Then an easy way to pass data from parent controller to any child controller apart from using factory or services is using state params

// In parent controller
$state.go('child.state', {
        'key' : $scope.value
    });
 //In child controller
$scope.sentObject = angular.copy($stateParams.key);

在AngularJS中将数据从一个控制器传递到另一个控制器

问题描述

2 个解决方案

解决方案1
1 2017-01-16 07:32:21

解决方案2
0 2017-01-17 05:05:27

在AngularJS中将数据从一个控制器传递到另一个控制器

问题描述

2 个解决方案

解决方案1 1 2017-01-16 07:32:21

解决方案2 0 2017-01-17 05:05:27

解决方案1
1 2017-01-16 07:32:21

解决方案2
0 2017-01-17 05:05:27