Ember - 动态创建组件

Question

我正在开发一个模块，该模块需要根据加载到页面中的内容向 Ember、Angular、React 等注册组件。

使用 React 我可以做到

if (window.React) {
  React.createClass(...

但是我怎样才能对 Ember 做同样的事情呢？我正在寻找类似的东西：

if (window.Ember) {
  Ember.registerComponent('my-component-name', Ember.Component.extend({
    ...
  }));
}

这可能吗？请记住我无法访问页面上的 Ember 应用。

Answer 1

这是个好问题。为了稍微分解一下，我们想要动态地：

1. 创建Ember.Component 的子类。
2. 编译该组件的模板。
3. 在应用的全局命名空间中注册该组件。

1. 的答案已经在您的问题中 (Ember.Component.extend)。 2. 已在其他地方回答：例如here 和here。

在我的脑海中，我不确定 3 的无懈可击答案——我建议查看在 Ember 的依赖注入容器上使用 register，或专门为该目标搜索 SO。

---

请注意，这并不是 Ember 真正的“幸福之路”——出于性能原因，Ember（和 Glimmer）主要关注预编译模板。