我知道以前有人问过这个问题，尤其是这里。
然而，在我看来，答案很抽象，我发现自己在实践中很困惑。
.vs 的答案似乎是：
Polymer（更准确地说，Shadow DOM）不仅可以编写 HTML 片段，还可以封装它们。这是一项全新的功能，可以与任何其他模板系统或框架一起使用以增强其功能。
这并没有真正告诉我那么多，据我所知，角度指令在实践中几乎做同样的事情，尽管聚合物元素可能在性能方面更有效率。我敢肯定，在这种情况下，“封装”在这里有某种我不理解的更深层次的含义。
假设我正在开发一个 AngularJS Web 应用程序。我何时、如何以及为什么要在角度指令上使用聚合物元素？
是否会使用聚合物元素而不是角度指令，如果是的话，什么时候会使用一个而不是另一个？还是会根据聚合物元素实施角度指令？
您实际上是在问两个不同的问题，“实现/构建组件与使用一个组件有什么区别？”
在可预见的将来，您将两者一起使用。Web 组件是用什么技术/库构建的，或者是什么供应商制造的，都无关紧要。简单bower install（或类似）并使用对您的应用有意义的组件。
重要的是一切都将是 DOM，这意味着元素将无缝地协同工作。互操作的故事很棒。这是绑定到 Polymer 元素的 Angular 指令的 POC：http: //ebidel.github.io/polymer-experiments/polymer-and-angular/together/
目前，建筑元素是一个不同的故事。Polymer 的方法是以所有事物为中心的 Web 组件。Angular 是在 Web 组件时代之前构建的，所以情况有些不同。
Angular 指令是构建自定义标签/组件的一种方式。聚合物和自定义元素规范是实现此目的的基于标准的方法。
你如何构建一个 Polymer-element 是非常具有声明性的。Angular 指令主要在 JS 中定义（具有引用模板文件的能力）。
因为 Polymer 元素使用 Custom 元素，所以继承很简单。我不确定 Angular 指令中的继承故事/
Polymer 元素使用 Shadow DOM。这给了他们对 DOM 和 CSS 的封装。您在元素中定义的样式不会溢出，页面样式也不会溢出。我可能是错的，但是 Angular 指令没有任何样式封装的概念。Shadow DOM 规范免费为我们提供了一个难题。
数据绑定概念类似
角度指令是否会根据聚合物元素来实施
最终，Angular 将采用一些不断发展的 Web 组件标准。对于所有框架都是如此。Ember 刚刚公布了他们的 2014 年计划，其中包括 Web 组件。例如，Angular.dart 已经将 Shadow DOM 用于指令。
默认情况下，聚合物元素（自定义元素）可与其他自定义元素互操作。这是因为它们只是 DOM。DOM 元素可以很好地协同工作:)
希望这可以帮助！