javascript - AngularJS:从 ng-repeat 动态分配 Controller

Question

我正在尝试为包含的模板动态分配 Controller ，如下所示:

<section ng-repeat="panel in panels">
    <div ng-include="'path/to/file.html'" ng-controller="{{panel}}"></div>
</section>

但是 Angular 提示 {{panel}}未定义。

我猜{{panel}}尚未定义(因为我可以在模板内回显 {{panel}})。

我见过很多人们设置 ng-controller 的例子等于这样的变量:ng-controller="template.ctrlr" 。但是，如果不创建重复的并发循环，我无法弄清楚如何获得 {{panel}} 的值。可用时间 ng-controller需要它。

附注我也尝试设置 ng-controller="{{panel}}"在我的模板中(认为那时它一定已经解决了)，但没有骰子。

Answer 1

你的问题是 ng-controller 应该指向 Controller 本身，而不仅仅是带有 Controller 名称的字符串。

所以你可能想将 $scope.sidepanels 定义为带有指向 Controller 的指针的数组，可能是这样的:

$scope.sidepanels = [Alerts, Subscriptions];

这是 js fiddle http://jsfiddle.net/ADukg/1559/ 的工作示例

但是，当您可能想在 ngRepeat 中设置 Controller 时，我发现所有这种情况都很奇怪。