我有两个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();
也失败了。
注意:这些控制器彼此之间不是嵌套的。
当前回答
除了$rootScope和services，还有一个干净简单的解决方案来扩展angular来添加共享数据:
在控制器中:
angular.sharedProperties = angular.sharedProperties
|| angular.extend(the-properties-objects);
该属性属于'angular'对象，与作用域分离，可以在作用域和服务中共享。
它的一个好处是你不需要注入对象:它们可以在你定义后的任何地方立即访问!
其他回答
如果你不想做服务，你可以这样做。
var scope = angular.element("#another ctrl scope element id.").scope();
scope.plean_assign = some_value;
跨多个控制器共享变量的一种方法是创建一个服务，并将其注入到您想要使用它的任何控制器中。
简单的服务示例:
angular.module('myApp', [])
.service('sharedProperties', function () {
var property = 'First';
return {
getProperty: function () {
return property;
},
setProperty: function(value) {
property = value;
}
};
});
在控制器中使用服务:
function Ctrl2($scope, sharedProperties) {
$scope.prop2 = "Second";
$scope.both = sharedProperties.getProperty() + $scope.prop2;
}
这在本博客中有很好的描述(特别是第2课)。
我发现，如果你想跨多个控制器绑定到这些属性，如果你绑定到一个对象的属性而不是一个基本类型(布尔值，字符串，数字)来保留绑定引用，效果会更好。
示例:var property = {Property1: 'First'};而不是var property = 'First';。
更新:(希望)让事情更清楚这里是一个小提琴，显示了一个例子:
绑定到共享值的静态副本(在myController1中) 绑定到原语(字符串) 绑定到对象的属性(保存到作用域变量) 绑定到共享值，当值更新时更新UI(在myController2中) 绑定到返回原语(字符串)的函数 绑定到对象的属性 对对象属性的双向绑定
我看了上面的答案，我推荐pejman在16年12月29日13:31的建议，但他/她没有留下完整的答案。在这里，我将把它写为——>(你需要一个服务和一个监听器$watch在控制器的一个作用域上用于服务区域的变化)
var app =
angular.module('myApp', ['ngRoute', 'ngSanitize']);
app.service('bridgeService', function () {
var msg = "";
return msg;
});
app.controller('CTRL_1'
, function ($scope, $http, bridgeService)
{
$http.get(_restApi, config)
.success(
function (serverdata, status, config) {
$scope.scope1Box = bridgeService.msg = serverdata;
});
});
app.controller('CTRL_2'
, function ($scope, $http, bridgeService)
{
$scope.$watch( function () {
return (bridgeService.msg);
}, function (newVal, oldVal) {
$scope.scope2Box = newVal;
}, true
);
});
上面的示例非常有效。我只是做了一个修改，以防我需要管理多个值。我希望这能有所帮助!
app.service('sharedProperties', function () {
var hashtable = {};
return {
setValue: function (key, value) {
hashtable[key] = value;
},
getValue: function (key) {
return hashtable[key];
}
}
});
难道不能让属性也成为作用域父对象的一部分吗?
$scope.$parent.property = somevalue;
我不是说它是对的，但它确实有效。
