templates - 在运行时在 Ember 中动态编译 HTMLBars 模板

Question

我想在运行时在 Ember 客户端上动态编译(然后呈现)HTMLBars 模板。我该怎么做？

Answer 1

这个答案现在已经过时了。请参阅我在上面接受的@poohoka 的回答。

---

基于 Kingpin2K 对 Compile template client side in ember using HTMLbars 的回答:

对于某些背景，回顾一下 Compiling Templates with Ember 1.10 可能会有用。 .我们仍然需要加载 ember-template-compiler.js。添加

  app.import('bower_components/ember/ember-template-compiler.js');

到你的 ember-cli-build.js。

然后你可以这样写一个组件:

import Ember from 'ember';

export default Ember.Component.extend({

  layout: Ember.computed(function() {
    return Ember.HTMLBars.compile(
      '{{foo-bar}} <span>' + 'hello' + '</span>'
    );
  }),

});

此解决方案可能会在 Ember 的 future 版本中中断，具体取决于 Ember 模板编译过程随着 Glimmer 2 的出现而发生的变化。 .