Polymer 中的手册 bootstrap

Manual bootstrap in Polymer

有bootstrap Polymer Angular bootstrap 风格的命令式方法吗?

docs 提供了有关单个元素生命周期的详细信息,但没有提供有关框架本身的任何信息。

我正在寻找一种协调 Polymer 与 requirejs 的方法,我需要在我的应用程序中强制使用单点入口。如果我能从 requirejs data-main 中 bootstrap 聚合物,我很好。

相关material:
- Working with Polymer and requirejs
- Require.js to load all resources for an app, including Polymer
- Polymer + requirejs: Attributes on were data bound prior to Polymer upgrading the element
- requirejs+polymer thread on google group
- polymer+requirejs gist

我想出了一个简单的方法来手动触发我的应用程序 bootstrap(至少它适用于单页应用程序),您也可以这样做:

  • 不要从 index.html 或直接从索引导入的任何其他页面导入任何 custom-element.html。您的 polymer-ready 事件应立即触发,但将加载 none 的自定义元素。这可能需要您执行额外的步骤 to avoid FOUC 而不是。
  • 当您想要 bootstrap 您的应用程序时,请使用 polymer.import 辅助函数来启动它。如果你有一个相互导入的元素层次结构,你只需要手动导入顶层元素,其他的将通过html imports 导入。如果您想动态导入应用程序的各个部分,您可以在不同的时间用不同的元素重复此操作。