如何将项目从ng-repeat传递到ng-include创建/加载的控制器？

Question

I have an ng-repeat that loads an ng-include. I'd like to have a separate controller inside the view that the ng-include loads.

But I'm having trouble accessing the item from ng-repeat in that controller. I tried something like this, and it fails.

How do I get at result inside of SubController ?

    <div ng-repeat="result in results">
            <div class="box" ng-include="view/someinclude.html"></div>
    </div>

view/someinclude.html:

<div ng-controller="SubController">
     ...
</div>

controller js:

angular.module('SubController', [])
    .controller('SubController', ['$scope',
        function ($scope) {
            //fails
            console.log($scope.result);
        }
    ]);

Answer 1

确保您使用的是同一模块：

angular.module('SubController').controller('SubController', function() {...});

Answer 2

Make sure your scopes are a part of the same module, or they they're different include one in the other, if that's not the problem then it'll be something outside what you've shown, as something like this:

angular.module("app").controller.(testController", ["$scope", function($scope){
     console.log($scope.x)
}])

with:

<div ng-repeat = "x in [1,2]">
        <div ng-include = "'./views/vew.test.html'">
        </div>
</div>

and in vew.test.html:

<div ng-controller = "testController">
    {{x}}
</div>

Will wack 1 and 2 on the screen and in the console.

Answer 3

尝试在控制器中使用$parent.result而不是$scope.result因为ng-include会创建一个自己的新范围，该范围$scope.result是从其父范围继承的 。