在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