Ember js - 将 handlebar 组件转换为字符串

Question

我正在使用 Ember CLI 1.13.8 并且有一个文件 info.hbs:

Your name is {{name}}

我想将此车把转换成如下字符串：

"<div>Your name is xxx</div>"

我怎样才能做到这一点？

Answer 1

没有简单的方法可以做到这一点，但我至少可以想到一种方法。将 HTML 渲染到隐藏组件，然后直接从 DOM 中获取 HTML。

export default Ember.Component.extend({

    style: 'display:none;',

    didRender() {
        // Do whatever you want with the HTML
        const htmlString = this.$().html();
    }
});

您可以将此组件放置在应用程序的任何位置。根据您的用例，您可能希望将此组件与将呈现您的信息视图的组件结合起来，或者只是将其放在应用程序模板中并让它在更改时更新某些状态。

Ember js - 将 handlebar 组件转换为字符串

Ember js - convert handlebar component into a string

ember.js

ember-cli