html - 与 AngularJS 相比，在 Polymer 中使用创建自定义 HTML5 元素/小部件的优缺点是什么

Question

我知道可以在 AngularJS 中创建自定义 HTML5 元素/小部件通过创建 directives .

我最近一直在调查 Polymer .另一个使创建自定义元素也变得容易的框架。但是，Polymer 使用 native HTML5 API，例如 ShadowDOM ，AngularJS 没有。

注意:我只想为最新的浏览器创建自定义元素/小部件。

看起来 AngularJS 和 Polymer 都可以完成这项工作。但是这两个库有什么优缺点呢？

Answer 1

polymer 利用 Custom Elements在 HTML 中创建新元素。这是添加到浏览器的新 W3C 规范。好处是 API 是浏览器原生的，并且可能比等效的 JavaScript 库具有更高的性能。

Angular 指令在概念上类似于自定义元素，但它们是使用自定义 JavaScript 实现的。他们不使用标准 API...在自定义元素存在之前创建。 Angular 表示他们将在未来转向使用 Shadow DOM、自定义元素等规范。

我还在 What is the difference between Polymer elements and AngularJS directives? 上更深入地回答了 Angular 和 Polymer 之间的区别。