我有两个Angular控制器:
function Ctrl1($scope) {
$scope.prop1 = "First";
}
function Ctrl2($scope) {
$scope.prop2 = "Second";
$scope.both = Ctrl1.prop1 + $scope.prop2; //This is what I would like to do ideally
}
我不能在Ctrl2中使用Ctrl1，因为它是未定义的。然而，如果我试图像这样传递它。
function Ctrl2($scope, Ctrl1) {
$scope.prop2 = "Second";
$scope.both = Ctrl1.prop1 + $scope.prop2; //This is what I would like to do ideally
}
我得到一个错误。有人知道怎么做吗?
做
Ctrl2.prototype = new Ctrl1();
也失败了。
注意:这些控制器彼此之间不是嵌套的。
当前回答
有两种方法
1)使用get/set服务
2) 美元的范围。$emit('key'， {data: value});//设置该值
$rootScope.$on('key', function (event, data) {}); // to get the value
其他回答
如果你不想做服务，你可以这样做。
var scope = angular.element("#another ctrl scope element id.").scope();
scope.plean_assign = some_value;
我喜欢用简单的例子来说明简单的事情:)
下面是一个非常简单的服务示例:
angular.module('toDo',[])
.service('dataService', function() {
// private variable
var _dataObj = {};
// public API
this.dataObj = _dataObj;
})
.controller('One', function($scope, dataService) {
$scope.data = dataService.dataObj;
})
.controller('Two', function($scope, dataService) {
$scope.data = dataService.dataObj;
});
这里是jsbin
这里有一个非常简单的Factory示例:
angular.module('toDo',[])
.factory('dataService', function() {
// private variable
var _dataObj = {};
// public API
return {
dataObj: _dataObj
};
})
.controller('One', function($scope, dataService) {
$scope.data = dataService.dataObj;
})
.controller('Two', function($scope, dataService) {
$scope.data = dataService.dataObj;
});
这里是jsbin
如果这太简单了，这里有一个更复杂的例子
也可以在这里查看相关的最佳实践评论
——我知道这个答案不适合这个问题，但我希望阅读这个问题并希望处理工厂等服务的人避免这样做的麻烦----
为此，您将需要使用服务或工厂。
服务是在非嵌套控制器之间共享数据的最佳实践。
关于数据共享这个主题的一个非常非常好的注释是如何声明对象。我很不幸，因为我在阅读AngularJS之前就掉进了一个陷阱，我非常沮丧。所以让我帮你避免这个麻烦。
我从“ng-book: the complete book on AngularJS”中读到，AngularJS的ng-models在控制器中创建为裸数据是错误的!
$scope元素应该像这样创建:
angular.module('myApp', [])
.controller('SomeCtrl', function($scope) {
// best practice, always use a model
$scope.someModel = {
someValue: 'hello computer'
});
而不是像这样:
angular.module('myApp', [])
.controller('SomeCtrl', function($scope) {
// anti-pattern, bare value
$scope.someBareValue = 'hello computer';
};
});
这是因为DOM(html文档)建议(最佳实践)将调用包含为
<div ng-model="someModel.someValue"></div> //NOTICE THE DOT.
这对于嵌套控制器非常有用，如果你想让你的子控制器能够从父控制器....改变一个对象
但在您的情况下，您不需要嵌套作用域，但是有一个类似的方面可以从服务获取对象到控制器。
假设你有一个服务“Factory”，在返回空间中有一个objectA，它包含objectB, objectB又包含objectC。
如果你想从你的控制器GET对象tc到你的作用域，这样说是错误的:
$scope.neededObjectInController = Factory.objectA.objectB.objectC;
那没用的… 相反，只用一个点。
$scope.neededObjectInController = Factory.ObjectA;
然后，在DOM中，您可以从objectA调用objectC。这是与工厂相关的最佳实践，最重要的是，它将有助于避免意外和不可捕捉的错误。
啊，吃点这种新东西作为另一种选择。它是本地存储，在angular工作的地方工作。不客气(但真的，谢谢那个家伙)
https://github.com/gsklee/ngStorage
定义默认值:
$scope.$storage = $localStorage.$default({
prop1: 'First',
prop2: 'Second'
});
访问值:
$scope.prop1 = $localStorage.prop1;
$scope.prop2 = $localStorage.prop2;
存储值
$localStorage.prop1 = $scope.prop1;
$localStorage.prop2 = $scope.prop2;
记住在应用中注入ngStorage，在控制器中注入$localStorage。
上面的示例非常有效。我只是做了一个修改，以防我需要管理多个值。我希望这能有所帮助!
app.service('sharedProperties', function () {
var hashtable = {};
return {
setValue: function (key, value) {
hashtable[key] = value;
},
getValue: function (key) {
return hashtable[key];
}
}
});
