如何从 Ember 视图中的 id 加载对象？

Question

我正在尝试构建一个视图以根据他们的 ID 显示用户卡。所以理想情况下，我的呼叫把手应该是这样的：

<p>{{view App.UserThumb authorId}}
{{comment}}</p>

然后在我的 UserThumb 视图中，我希望能够以某种设置方法或模型功能加载模型，就像我使用控制器的方式一样：

App.UserThumb = Ember.View.extend({
  model: function(view, authorId) {
    User.find(authorId, function(user) { view.set('content', user); } );
  }
}

任何人都可以帮助我理解“正确”或至少是可行的方法吗？在最坏的情况下，我可以先创建对象，但我想先保留 id 一段时间，除非这与 Ember 的哲学完全不符。

Answer 1

应该这样做

{{#each id in listOfIds}}
  {{view App.UserThumb idBinding="id"}}
{{/each}}

App.UserThumb = Ember.View.extend({
  didInsertElement: function() {
    var authorId = this.get('id');
    User.find(authorId, function(user) { view.set('content', user); } );
  }
}

只有在插入视图后，didInsertElement 钩子才会被执行，从而获得所需的用户

Answer 2

您在视图中使用的model 挂钩仅在路线内可用。 model 钩子可用于为控制器设置模型。

请参阅此处docs 了解更多信息。

本着 DRY（不要重复自己）的精神，我想链接到这个伟大的 SO answer，这将有助于以 ember 方式设置功能性应用程序。

希望对你有帮助