Polymer 瓦丁网格行详细信息未显示在铬合金中

JSBin示例：

*注意，这在jsbin上有效，但在我的本地项目中不起作用

我有一个基于新Polymer CLI的应用程序。 index.html->main-app.html 使用应用程序路径，包含工具栏、导航等

另一个页面被定义为自定义元素，

在零件信息中，我有一个vaadin网格设置，其中包括一个用于显示行详细信息的嵌套模板

行详细信息显示在Edge中，但不显示在Chrome中

---

这与嵌套模板或我的导入有关吗？

您的HTML看起来格式不正确。您在

（）内有一个未关闭的

，后面是零散的

和

标签（从开始）

如果在JSBin首选项中启用HTMLHint，您将看到错误：

---

但事实上，你应该被移除。试试这个用Chrome修改的。事实证明，

在聚合元素中需要一个自动绑定模板来生成行详细信息。

您的HTML看起来格式不正确。您在

（）内有一个未关闭的

，后面是零散的

和

标签（从开始）

如果在JSBin首选项中启用HTMLHint，您将看到错误：

---

但事实上，你应该被移除。试试这个用Chrome修改的。事实证明，

在聚合物元素中需要一个自动绑定模板来生成行细节。

我相信我找到了罪魁祸首。 Polymer={dom:'shadow'}

因此，在这种情况下，Edge比Chrome更好地处理阴影DOM。或者使用vaadin网格使其在polyfills中工作得更好

Polymer默认为shady DOM。以下是有关shady与shadow DOM的更多信息：

---

我相信我找到了罪犯。 Polymer={dom:'shadow'}

因此，在这种情况下，Edge比Chrome更好地处理阴影DOM。或者使用vaadin网格使其在polyfills中工作得更好

Polymer默认为shady DOM。以下是有关shady与shadow DOM的更多信息：

---

是的，我确实复制了一个额外的div close，看起来像。其中的额外模板供Vaadin网格行详细信息使用。请注意，如果没有它，单击行时将不会显示任何内容。我建议将行详细信息包装在一个单独的组件中，例如：@Adam，我刚刚在OS X El Capitan上的Chrome 51中尝试了您的代码，它的行为与jsbin完全相同（即行详细信息看起来很好）。你的环境怎么样？抱歉耽搁了。我在Win10上，但在OSX El Capitan上得到了相同的结果。需要明确的是，这个问题并没有在jsbin中表现出来。只有当网格在一个自定义元素（页面）中使用时，从另一个自定义元素开始，其中index.html是非常基本的，只有“”。我在另一个单独的组件中也有行详细信息，同样的行为。是的，我显然复制了一个额外的div close，看起来像。其中的额外模板供Vaadin网格行详细信息使用。请注意，如果没有它，单击行时将不会显示任何内容。我建议将行详细信息包装在一个单独的组件中，例如：@Adam，我刚刚在OS X El Capitan上的Chrome 51中尝试了您的代码，它的行为与jsbin完全相同（即行详细信息看起来很好）。你的环境怎么样？抱歉耽搁了。我在Win10上，但在OSX El Capitan上得到了相同的结果。需要明确的是，这个问题并没有在jsbin中表现出来。只有当网格在一个自定义元素（页面）中使用时，从另一个自定义元素开始，其中index.html是非常基本的，只有“”。我在另一个单独的组件中也有行详细信息，相同的行为。可能与您在那里使用的flex CSS有关。看看将高度更改为一个固定值并删除flex是否有帮助。在一个与样式相关的注释中，我更喜欢将行细节保留为自己的元素，使数据绑定更容易，并使结果看起来更清晰。我在我的一个教程视频中举了一个例子，可能与您那里的flex CSS有关。看看将高度更改为一个固定值和删除flex是否有帮助。在一个与样式更相关的注释中，我更喜欢将行细节保留为自己的元素，使数据绑定更容易，并使结果看起来更清晰。我在一个教程视频中举了一个例子