Question

我收到了这个错误：

Multiple directives [ngController, mdTab (module: material.components.tabs)] asking for new/isolated scope on: <md-tab label="Usuários" ng-controller="AccountCompanySearchController">

使用以下代码：

<md-tab label="Usuários" ng-controller="AccountCompanySearchController">
  <md-content class="md-padding">
  </md-content>
</md-tab>

当ng-controller在md-content指令中时，不会发生这种情况。显然与md-tab指令存在冲突。有可能解决这个问题吗？谢谢你们。

Answer 1

问题是ng-controller创建了一个独立的范围。这在Angular官方文档中有提及。

您的第三方组件也会创建一个独立的范围，因为它们可能需要组件能够存储变量而不会污染范围数据。

解决方案是不要将它们放在同一个元素上。或者更好，但不要使用ng-controller。这是圆顶附加阅读，为什么不使用它https://teropa.info/blog/2014/10/24/how-ive-improved-my-angular-apps-by-banning-ng-controller.html

要求新/隔离范围的多个指令 - Angular Material选项卡

1 个答案: