Tag: web component

用标准networking技术替代angular度

我正在开发一个项目,在最新的浏览器上使用ECMA 6,这个产品将在1.5年内发货。 所以我们认为为什么不使用Web Components现在Angular 2不可用(这将是ECMA 6)。 而当我们在这个时候,我们可以完全取代Angular而不必回到石器时代吗? 如何取代Angular? 有一个叫做youmightnotneedjquery.com的网站,基本上是关于现代浏览器实际上是如何使用jQuery传统上的大多数东西的。 我有兴趣看到类似Angular的东西。 我们主要使用四个angular度特征。 我有什么替代他们的select? Angular Directives – > Web组件 Angular Modules – > ECMA 6模块 (不完全一样的东西) 有angular度的路线 – > angular度双向数据绑定 – > PS。 我们不想用类似Backbone或Ember的东西代替Angular。 我们希望用标准的networking技术取代它,但是如果我们必须使用小工具填补这个空白,我们会考虑它。

嵌套元素(Web组件)无法获取其模板

我做了一个简单的例子,使用带有两个自定义元素(v1)的Web组件,其中一个嵌套在另一个元素中。 index.html的: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Example</title> <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="import" href="app-container.html"> </head> <body> <app-container></app-container> </body> </html> APP-container.html: <link rel="import" href="toolbar.html"> <template id="app-container"> <app-toolbar></app-toolbar> </template> <script> customElements.define('app-container', class extends HTMLElement { constructor() { super(); let shadowRoot = this.attachShadow({ mode: 'open' }); const content = document.currentScript.ownerDocument.querySelector('#app-container').content; shadowRoot.appendChild(content.cloneNode(true)); } }); […]