我有两个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();
也失败了。
注意:这些控制器彼此之间不是嵌套的。
当前回答
我倾向于使用价值观，乐意任何人讨论为什么这是一个坏主意。
var myApp = angular.module('myApp', []);
myApp.value('sharedProperties', {}); //set to empty object -
然后按服务注入值。
在ctrl1中设置:
myApp.controller('ctrl1', function DemoController(sharedProperties) {
sharedProperties.carModel = "Galaxy";
sharedProperties.carMake = "Ford";
});
从ctrl2访问:
myApp.controller('ctrl2', function DemoController(sharedProperties) {
this.car = sharedProperties.carModel + sharedProperties.carMake;
});
其他回答
上面的示例非常有效。我只是做了一个修改，以防我需要管理多个值。我希望这能有所帮助!
app.service('sharedProperties', function () {
var hashtable = {};
return {
setValue: function (key, value) {
hashtable[key] = value;
},
getValue: function (key) {
return hashtable[key];
}
}
});
你可以在服务业或工厂里这样做。除了一些核心差异外，它们本质上是一样的。我在thinkster上找到了这个解释。IO是最容易遵循的。简单、扼要、有效。
难道不能让属性也成为作用域父对象的一部分吗?
$scope.$parent.property = somevalue;
我不是说它是对的，但它确实有效。
不创建服务的解决方案，使用$rootScope:
要跨应用控制器共享属性，你可以使用Angular $rootScope。这是共享数据的另一种选择，让人们知道它。
在控制器之间共享一些功能的首选方式是服务，读取或更改全局属性可以使用$rootscope。
var app = angular.module('mymodule',[]);
app.controller('Ctrl1', ['$scope','$rootScope',
function($scope, $rootScope) {
$rootScope.showBanner = true;
}]);
app.controller('Ctrl2', ['$scope','$rootScope',
function($scope, $rootScope) {
$rootScope.showBanner = false;
}]);
在模板中使用$rootScope(使用$root访问属性):
<div ng-controller="Ctrl1">
<div class="banner" ng-show="$root.showBanner"> </div>
</div>
啊，吃点这种新东西作为另一种选择。它是本地存储，在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。
