Javascript AngularJS：如何在控制器之间传递变量

发布于08月18日

我有两个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();

也失败了.

NOTE:这些控制器彼此之间没有嵌套.

推荐答案

在多个控制器之间共享变量的一种方法是将变量设置为create a service，并将其注入到您想要使用它的任何控制器中.

Simple service example:

angular.module('myApp', [])
    .service('sharedProperties', function () {
        var property = 'First';

        return {
            getProperty: function () {
                return property;
            },
            setProperty: function(value) {
                property = value;
            }
        };
    });

Using the service in a controller:个

function Ctrl2($scope, sharedProperties) {
    $scope.prop2 = "Second";
    $scope.both = sharedProperties.getProperty() + $scope.prop2;
}

这在第this blog课(特别是第2课和更多)中描述得非常好.

我发现，如果您想跨多个控制器绑定到这些属性，那么绑定到对象的属性而不是基元类型(Boolean、String、Number)来保留绑定的引用效果会更好.

例:var property = { Property1: 'First' };而不是var property = 'First';.

UPDATE:(希望)让事情变得更清楚here is a fiddle展示了一个例子:

Binding to static copies of the shared value (in myController1)个
- 绑定到基元(字符串)
- 绑定到对象的属性(保存到作用域变量)
Binding to shared values that update the UI as the values are updated (in myController2)个
- 绑定到返回基元(字符串)的函数
- 绑定到对象的属性
- 双向绑定到对象的属性