javascript - Ember JS 加载和错误子状态

Question

我想确认一下这里的方法。我的模型中的每个关系都是异步/延迟加载的。当记录呈现时， Handlebars 模板会在其数据填充到屏幕之前显示。在下面的虚拟示例中，组中的所有用户都会显示红色边框，并且在填充所​​有用户时存在明显的延迟。

我已经查看了http://emberjs.com/guides/routing/loading-and-error-substates/并且认为我不需要一个空白的加载模板(如果我错了，请纠正我)；我只想显示一个空部分，并且仅在填充用户名时才会弹出模板(此处:红色边框和名称)。

Models.User = DS.Model.extend({
  email: DS.attr("string"),
  firstName: DS.attr("string"),
  group: DS.belongsTo("group", {async: true})
});

Models.Group = DS.Model.extend({
  title: DS.attr("string"),
  users: DS.hasMany("user", { async: true }),
});

{{#each user in group}}
  {{#if user.isLoaded }} {{!-- I've also tried user.isFulfilled, user.firstName, user.email --}}
    <div style="border: #f00 solid 1px;">
      {{user.firstName}}
    </div>
  {{/if}}
{{/each}}

Answer 1

看看jsbin http://jsbin.com/wenuy/2/edit

说明:

搜索表单(包含搜索文本框和提交按钮不变)。根据搜索词，显示结果的部分正在发生变化。

我使用了 isLoading 属性。这个想法是在调用服务器之前将其设置为 true，即加载消息。然后在请求成功时(即服务器响应所需数据)将其设置为 false，以便隐藏“正在加载”消息并显示结果部分。