如何使用带有单独控制器的标签？

Question

在我的Angular 1.3项目中，我有以下内容：

<tabset>
  <tab ng-controller="FirstTabCtrl">
    {{content}}
  </tab>
  <tab ng-controller=SecondTabCtrl">
    {{content}}
  </tab>
</tabset>

在Angular 1.4.4中，我收到以下错误消息：

  

多个指令[ngController，tab]要求新/隔离范围

我试过在div中包装标签，但这会破坏布局。

如何重写代码以使用1.4.4？

以下是描述问题的傻瓜：http://plnkr.co/edit/KScdI2jAZ4BAvDL4kCfk?p=preview

Answer 1

如果您肯定不想使用路由和状态来处理选项卡，则可以重构内部每个选项卡指令中的内容：将ng-controller添加到＆lt; <内的div中strong>标签＆GT;元素，像这样：

<tab heading="tab 1">
    <div ng-controller="FirstCtrl">
        {{content}}
    </div>
</tab>

这是展示它的plunkr。 这不会破坏选项卡布局，但如果它以某种方式执行，您始终可以使用CSS处理它。