javascript - 如何在 ember.js 中动态地将 {{link-to}} 帮助器附加到我的模板？ (功能类似于 Angular 中的 $compile)

Question

我正在使用 ember 2.0 和 ember-cli。所有其他接近解决此问题的答案都使用已弃用的方法。

目前，我在一个名为 object-form 的组件中有一些代码，我在多个地方使用它:

saveObject(newObject) {
  newObject.save().then((object) => {
    this.$('.success-message')
      .html('Object "' + object.get('name') +
            '" successfully added.')
  }
}

这很好用，但现在我还必须有类似的东西:

$('.success-message').append('{{link-to object.name "object.show" object}}')

但是，正如预期的那样，文本完全按照编写的方式添加，而不是作为实际的 {{link-to}} 帮助程序添加。

在我更熟悉的 Angular 中，您使用了名为 $compile 服务来动态添加指令，相当于 ember 组件。

例如，如果 link-to 存在于 Angular 中，则伪代码将如下所示:

var directive = $compile('<link-to ng-href="/object/{{object.id}} ng-model=object">{{object.name}}</link-to>')($scope);
$('.success-message').append(directive);

那么是否有一种等效的方法来解析要附加的字符串内的 Handlebars ？

Answer 1

与其动态附加 {{link-to}} ，不如将其放在 if 语句下更有意义，该语句在幕后实际上正在做与我想要的相同的事情。