如何链接到Angular中的不同控制器

Question

我创建了一个ListCtrl ，负责从服务器获取数据并对其进行分页（它将适用于我所有的资源）。 但是，在设置资源的路径，默认限制等之前，它必须接受一些configurations 。

我认为这样做的方式是在更大的Controller中使用ListCtrl，但使用以下一些参数对其进行初始化：

<div ng-controller="DashboardCtrl as dashboard">
 <div ng-controller="ListCtrl as list" ng-init="list.init(dashboard.listParams)">
  <... Iterate through list.items ...>
 </div>
</div>

阅读一些文章，我发现使用ng-init不好，应该仅用于列表初始化。 有没有不使用ng-init的更好的方法？ 还是这样就可以了

Answer 1

考虑使用指令，而不是仅将控制器直接附加到DOM元素。 指令允许您显式处理控制器之间的数据传递而无需依赖全局状态（使用服务的许多解决方案都有效地依赖于全局状态）。

您可能想创建一个接受某种配置的指令，然后可以通过属性进行传递。

angular.module('yourApp').directive('yourList', function () {
  return {
    bindToController: true,
    controller: 'ListCtrl',
    controllerAs: 'list',
    scope: {
      params: '='
    }
  };
});

<div ng-controller="DashboardCtrl as dashboard">
  <your-list params="dashboard.listParams"></your-list>
</div>

然后， params属性将在ListCtrl的作用域中可用。 为了处理您的指令使用的模板，你可以使用一个单独的部分，或者你可以使用transclusion保持的元素在你的主模板。