javascript - 在 Chrome 应用程序中使用 Polymer 动态创建的模板

Question

我正在开发一个 Chrome 应用，它需要做两件主要的事情:

1. 根据连接设备提供的字段和数据类型列表自动生成用户界面。
2. 允许用户定义和共享他们自己的 UI 演示文稿，并在连接设备时自动应用该演示文稿。

我正在使用 Polymer，我认为实现 #2 的最佳方法是使用用户提供的 Polymer 元素。然后，我可以简单地将变量从设备绑定(bind)到 UI，用户的模板可以决定如何显示和设置它们的样式。

然后，实现#1 是从输入模式自动生成 polymer 元素的问题。这与通常的方法有些不同，我大概会为每种类型的小部件定义一个带有条件子模板的重复模板。

那么，我的问题是:

1. 如何在不违反 Chrome 应用的 CSP 且不引入严重的 XSS 问题的情况下从远程源动态评估 polymer 元素/模板？ (希望前者保护我免受后者的伤害？)
2. 为 Polymer 元素动态生成标记的最简单方法是什么？我可以定义元模板并使用生成的标记吗？

Answer 1

我不完全确定您为什么排除使用预定义的 Polymer 元素(诚然，复杂)<template>逻辑，但如果您确定需要动态的东西并动态生成元素的内容，同时仍然使用 Polymer 的数据绑定(bind)，那么 injectBoundHTML()可能正是您要找的。

遗憾的是目前还没有文档，但是在 open issue tracking the documentation 中有如何使用它的例子。 .

您可以从任何来源获取“绑定(bind)”HTML，虽然我不是 CSP 方面的专家，但我认为它不会引发任何额外的 CSP 考虑。