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

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();
    }
});

您可以将此组件放置在应用中的任何位置。根据您的使用情况，您可能希望将此组件与将呈现您的infoview的组件相结合，或者只是将其放在应用程序模板中，并在更改时更新某些状态。