我知道自定义元素是非常新的技术。

dom.webcomponents.enabled以下代码在 Webkit 浏览器和 Firefox（带有）中显示不同的内容。

我不明白：为什么添加自定义元素，加载 AJAX，在 Webkit 浏览器中创建 HTMLUnknownElement 而不是自定义元素？这是一个错误吗？Chrome 表示它完全支持自定义元素。相反，Firefox 在标志后面有支持。

这是index.html：

这是loaded.xml：

输出为：（Chrome.Firefox 有其他输出）

我在我的 Aurelia 应用程序中使用自定义元素。当我将视图模型中的数据与自定义元素绑定时，它工作正常。即使我对自定义元素控件中的数据进行了一些更改，由于双向数据绑定，这些更改也会反映到我的视图模型中的数据中。

但是，如果我对视图模型中的数据进行一些更改（使用 javascript），自定义元素中的数据不会更新。我已经复制了这个问题以获得更简单的设置。

简单视图模型

简单视图

现在，每当我Verify Change在更改文本框中的值后单击时，更改的值都会出现在警报中。但是，如果我单击Update Prop1按钮，prop1值会更新，但更改不会反映在视图中。我不确定我到底错过了什么。

注意：数据绑定可以正常工作，而不是使用$parent.testObj['prop1'], if 。$parent.testObj.prop1但是，我的实际自定义元素是通用类型的，并且事先不知道属性名称，因此我似乎需要继续使用$parent.testObj['prop1']符号而不是点符号：$parent.testObj.prop1。

在指针/建议/反馈表示赞赏。

更新：如果有人能指出点符号和索引器符号wrt aurelia 数据绑定之间的区别（我已经检查过了），那将有很大帮助。

我正在玩 W3C Web 组件。

我有一个主页，其中包括组件 A：

在组件 AI 中包含另一个组件 B：

B 的代码与 A 非常相似：

奇怪的是，当页面加载时，我只能"a"在控制台中看到。我也期待"b"两倍。并且组件 B 并没有真正被解析。

更奇怪的是，如果我在控制台中运行以下代码：

它突然给了我两次"b"。

这是一个屏幕截图：

我正在创建简单的自定义元素，我想从单独的文件中导入它。当它在同一个文件t中时，给出正确的 html 元素，但当它在外部文件中时，它是undefined. 这是我的index.html文件：

并且example-container.html：

我的另一种方法是t在全局范围内定义，如下所示：

它工作得很好，但我不想在全局范围内留下垃圾。

我正在使用 Web 组件 polyfill 为 API 开发一堆自定义元素，但遇到了障碍。

其中一个元素可以包含一个<img>或<canvas>元素。如果没有为自定义元素指定尺寸，它应该是子元素的默认尺寸。如果指定了一个或多个维度，它们应该由子元素继承。

对于我的第一次尝试，我认为 CSSinherit值就足够了：

但是，当百分比应用于宽度或高度时，这不起作用<my-el>. 相反，子元素占据其父元素的相同百分比。

我已经尝试了各种其他解决方案，但无济于事。我认为纯 CSS 解决方案可能是不可能的，但我希望有人能证明并非如此。

澄清一下，最终结果应该是其<my-el>行为类似于内联替换元素本身，就好像它<img>具有自己的内部尺寸一样。当您没有在这些元素上设置宽度或高度时，它们默认为其内部尺寸。当您确实设置宽度或高度时，它优先，并且任何“内部”内容都会相应地调整大小。 _{（至少，我希望澄清！）}

我正在尝试使用 spring-ws 访问 web 服务，但是 web 服务生产者需要在 soap 标头中添加一个自定义元素。我对 web 服务非常陌生，并且在尝试将值注入到 soap 标头中时遇到了麻烦。我正在使用 XMLBeans 从 xsd 转换为 java 并进行编组和解组。我已经构建了 xmlbean 文档并为自定义标头元素设置了所有值，我只需要获取该文档，甚至可能只是将附加到该文档的元素注入到 soap 标头中。下面列出的是soapui中的wsdl（只是header）（我用来学习和做初步测试的）

代码

考虑以下 Polymer 自定义元素：

我在 index.html 中使用这个自定义元素，如下所示：

问题

我相信我已经将该value属性声明为双向绑定（notify: true）；然而，当我单击输入并输入一些文本（例如，"foo"）时，它不会反映在模型中（即调用document.querySelector('test-element').value返回我在 index.html 中设置的值，"test"）。有趣的是，value输入的属性正确更改，但我的测试元素的 value 属性没有。我错过了什么？

我还应该注意到调用document.querySelector('test-element').setAttribute('value', 'bar')正常工作。

我正在尝试让自动绑定模板成功运行。这是我到目前为止所做的。该页面不会以 "greeting" 的值呈现。它输出 {{greeting}}。

应用程序.js

它适用于聚合物 0.5.5 http://plnkr.co/edit/fmL9xQEXKwnINzdL3rBj?p=preview

我想澄清来自全局范围的动画是否应该在 ShadowDOM 下工作。
意思是，我有一个贯穿 ShadowDOM 的类，但它的动画在 ShadowDOM 下的任何元素上都不起作用。
如果我直接在元素下添加动画 - 一切似乎都很好。

工作：http
://jsbin.com/doqotexuzi/edit?html，输出 不： http: //jsbin.com/rutojemoli/edit
?html，输出（示例需要原生 ShadowDOM 支持，在 Chromium 中工作）

我只是在使用 Aurelia 中的自定义元素功能，并尝试创建一个“进度条”元素。

进度条.js

进度条.html

test.html（相关部分）

所有这些都显示得很好。但是我正在努力让主页可以调用某些函数或更改元素上的某些属性，然后应该在进度条本身上做一些事情。

我试图在progress-bar.js 中创建一个函数'doSomething'，但我无法在test.js 中访问它。

添加到progress-bar.js

在 test.js 里面

接下来，我尝试在进度条元素中设置自定义属性，并可能使用 valueChange 来更改 div。

在progress-bar.js里面

测试.js

那里没问题，几乎就在那里。但是如何设置一个处理程序以在属性更改时调用？

我找到了一个具有以下语法的教程：

但我似乎无法在我的progress-bar.js 中使用该代码。添加后页面无法正确呈现。Gulp 似乎没有返回任何错误消息，但浏览器控制台返回此错误：

ERROR [app-router] Router navigation failed, and no previous location could be restored.

当我的页面某处出现语法错误时，我通常会收到以下消息。

这里有很多我不确定的事情：

这是自定义元素的正确用途吗？我们可以创建包含函数的自定义元素吗？我们可以创建具有自定义属性的自定义元素，然后在其值更改时触发事件吗？

很抱歉没有发布整个代码，因为我在尝试不同的东西时有很多变体。