Question

我们说directive里面可以有1到n controllers：

<my-directive>
  <div ng-controller="myController">
    {{ info.name }}
  </div>
  <div ng-controller="myController2">
    {{ moreInfo.name }}
  </div>
</my-directive>

我以编程方式复制此标记，以便现在有两个相同的视图引用相同的controller ID：

<my-directive>
  <div ng-controller="myController">
    {{ info.name }}
  </div>
  <div ng-controller="myController2">
    {{ moreInfo.name }}
  </div>
  <div ng-controller="myController">
    {{ info.name }}
  </div>
  <div ng-controller="myController2">
    {{ moreInfo.name }}
  </div>
</my-directive>

克隆的controllers是否可以引用相同的scope？或者是否有另一种方法来复制标记而不实例化controller的新实例？

我知道我可以使用service来同步它们之间的数据，但由于这是以编程方式进行的，我正在寻找不同的解决方案。

Answer 1

只需将控制器分配给指令，它就是相同的功能

<my-directive>
  <div>
    {{ info.name }}
  </div>
  <div>
    {{ info.name }}
  </div>
</my-directive>

如何保持克隆标记同步

1 个答案: