10

2 番目のコントローラー内でコントローラーの変数にバインドできないのはなぜですか?

<div ng-app="ManagerApp">
    <div ng-controller="MainCtrl">
        Main: 
        <div ng-repeat="state in states">
            {{state}}
        </div>
        <div ng-controller="InsideCtrl as inside">
            Inside:
            <div ng-repeat="state in inside.states2">
                {{state}}
            </div>
        </div>
    </div>
</div>

var angularApp = angular.module('ManagerApp', []);

angularApp.controller('MainCtrl', ['$scope', function ($scope) {
    $scope.states = ["NY", "CA", "WA"];
}]);

angularApp.controller('InsideCtrl', ['$scope', function ($scope) {
    $scope.states2 = ["NY", "CA", "WA"];
}]);

例: https://jsfiddle.net/nukRe/135/

2 番目の ng-repeat が機能しません。

4

3 に答える 3

8

あなたが使用しているように、コントローラーでキーワードを使用controllerAsする必要がありますthis

angularApp.controller('InsideCtrl', [ function() {
    var vm = this;
    vm.states2 = ["NY", "CA", "WA"];
}]);

フォークフィドル

ノート

技術的には、一度に 1 つのアプローチに従う必要があります。この 2 つのパターンを混同しないでください.controllerAs構文/通常のコントローラー宣言をMainCtrl使用してください.$scope

于 2015-06-03T17:34:57.693 に答える