ember 加载组件

Question

现在正在用ember.js写一个component，由于他的主体内容多变，想将主体设为一个组件，让使用者自己定义，我的思路是这样的：
component.js中：

Ember.Component.extend({

    ...
    
    item:{
        id: "",
        time: "9:23",  // 时间戳
        component: "{{b-search}}", // 传入组件
    }
})

component.hbs中：

{{#if item.component}}
{{item.component}}
{{/if}}

但是这样渲染出来是一个字符串，而不是组件渲染后的结果。

问题：
1、怎样可以渲染出组件？
2、有什么好的方式可以替代这种实现方式？

谢谢！

Answer 1

可以这么写
{{component '动态组件名字' }}