Question

我是棱角分明的新手，我正在努力完成一项非常简单的任务，角度似乎并不那么简单。

我有一些数据（为了简单起见，只是一个名为 var1 的变量），我正在网页的一个区域修改，而我想在网页的另一个区域显示它。 / p>

<body ng-app="app">
    <div id="div1" ng-controller="TestCtrl">
        <input type="text" ng-model="var1" /> Var1: {{ var1}}
    </div>
    <br />
    <div id="div2" ng-controller="TestCtrl">
        Var1: {{ var1 }}
    </div>

 //..

我正在相应的控制器中初始化变量：

 angular.module('app', [])
    .controller('TestCtrl', function($rootScope){
        $rootScope.var1 = 1;
        $rootScope.var2 = 2;

        this.updateValues = function() {
            srv.updateValues($rootScope.var1, $rootScope.var2);
        };

    });

现在，您可能知道，第二次将ng-controller附加到div时，我得到一个全新的控制器实例，它对我实际修改数据的第一个实例一无所知。

那么如何在网页的另一个区域访问第一个控制器的var1？

https://plnkr.co/edit/XgIWFW89tavnjOW09TBp?p=preview