通过Ember.js中的字符串动态调用组件

Question

我想通过字符串调用组件。 原因是我在数据库上有一个文本，并且在该文本内有一些我想调用的键，以防它们在我的应用程序中列出。

我知道有一个{{component}}助手可以动态调用组件，我想知道是否可以在这里使用它。 我将发布的示例很简单，但是其思想是使用更复杂的组件，例如ember-light-table。

例：

// my-route.hbs
{{my-special-component text=complexString}}

// my-route.js
// the content of the string is never the same, which means the dynamic helpers won't be the same, nor will be at the same place.
let complexString = "This is my complex string {{my-simple-helper text="this will be bold"}}. Etc, etc...";

// my-special-component.hbs
{{formatted}}

// my-special-component.js
formatted: computed('text', function() { 
   // ??
})

输出为：

This is my complex string <b>this will be bold</b>. Etc, etc...

我试过使用三括号，但这仅用于<标签> 。

Answer 1

如果您只是制作了一个带有块的组件怎么办？

{{my-special-component}}
  This is my complex string {{my-simple-helper text="this will be bold"}}. Etc, etc...
{{/my-special-component}}

模板如下所示：

 To show above your complex string
   {{yield}}
   to show below your complex string