javascript - 是否可以创建一个充当单例的指令？

Question

我们有一个指令作为我们大型单页应用程序的一部分。我们在页面的多个地方使用相同的指令，每次它的行为和外观都完全一样。我们看到的主要问题是这个指令有一个 ng-repeat，它创建了几百个 DOM 元素。

是否可以创建一个充当单例的指令？ IE。每次使用指令或缓存 DOM 元素的创建以提高速度时，集合上只有一个 watch 而不是一个 watch 。或者是否有更好的方法在同一页面中多次使用相同的 DOM 元素。

我一直在考虑使用自定义 ng-repeat 来缓存创建的 html 并重用它，这是最好的方法吗？

Answer 1

Angular 在“服务”组件中有一个单例概念。你不能使指令成为单例(没有 hackery)，但你完全可以让服务做到这一点——因为它们已经做到了。我采用的方法是让服务完成数据工作并将其暴露给指令。这些指令只是访问服务，因为服务已经是单例，它们将共享一个数据对象/集合/模型。