ember.js - 如何在 Handlebars (Ember.js) 模板的 #each 循环中使用 holder.js？

Question

我正在遍历 Ember.js Handlebars 模板中的一组对象，并尝试使用 holder.js 为每个对象显示一个占位符图像.

在#each 循环上下文之外，holder.js 按预期呈现占位符图像:

<img data-src="holder.js/100x100" src='' alt='person image' />

{{#each person in controller}}
  person.name
{{/each}}

在 #each 循环内时，不会出现占位符图像:

{{#each person in controller}}
  <img data-src="holder.js/100x100" src='' alt='person image' />
  person.name
{{/each}}

也许我不了解#each 循环的工作原理，但是有什么技巧可以让占位符图像出现在这里？

Answer 1

问题是Holder.run()在 Ember 之前调用循环遍历所有数据，因此您必须稍后自己再次调用它。

你可以尝试添加

Em.run.schedule('afterRender', null, function () { Holder.run(); })

或者

Em.run.next(function () { Holder.run(); })

到renderTemplate你的路线的钩子(Hook)。 (更好的是在您知道 Controller 已加载所有数据之后添加它。)