Javascript AngularJS自定义指令和网络组件是否相同?
我已经在angularJS上工作了相当长的一段时间,并且能够在一定程度上理解,现在我想知道新兴的网络组件,比如聚合物、X标签或其他许多类似于angularJS指令行为的组件 例: 在HTML中Javascript AngularJS自定义指令和网络组件是否相同?,javascript,angularjs,polymer,web-component,Javascript,Angularjs,Polymer,Web Component,我已经在angularJS上工作了相当长的一段时间,并且能够在一定程度上理解,现在我想知道新兴的网络组件,比如聚合物、X标签或其他许多类似于angularJS指令行为的组件 例: 在HTML中 <element></element> 现在是聚合物的例子 HTML: <element></paper-tabs> JS: 我的问题是:如果我的理解是正确的,那么当我选择AngularJS作为创建应用程序的核心框架时,在我的应用程序中使用网络组件是没有
<element></element>
现在是聚合物的例子
HTML:
<element></paper-tabs>
JS:
我的问题是:如果我的理解是正确的,那么当我选择AngularJS作为创建应用程序的核心框架时,在我的应用程序中使用网络组件是没有意义的。角度指令和网络组件是不同的 当页面通过Angular加载到浏览器中时,所有Angular指令都编译为常规HTML 其中as-Web组件是实际的自定义元素,使用ShadowDOM和其他一些Angular不知道的规范 Polymer是一个为Web组件API添加糖衣的库
这两种技术完全满足了几乎相同的需求,使用其中一种框架取决于选择。我从这里得到了澄清。保持这个问题的开放性,这样这里的人就可以利用这个答案
<element></paper-tabs>
<script>
var tabs = document.querySelector('element');
tabs.addEventListener('core-select', function() {
console.log("Selected: " + tabs.selected);
});
</script>