Ember JS加载和错误子站

Ember JS Loading and Error Substates

本文关键字：错误 JS 加载 Ember      更新时间：2023-09-26

我想在这里确认一下方法。我的模型中的每一段关系都是不同步的/懒惰的。在呈现记录时，在将其数据填充到屏幕之前，会显示车把模板。在下面的伪示例中，组中的所有用户都会显示红色边框，并且在填充所有用户时会出现明显的延迟。

我已经结账了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}}

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

说明：

搜索表单（包含搜索文本框和提交按钮是常量）。根据搜索词，显示结果的部分正在更改。

我使用了isLoading属性。这个想法是在调用服务器之前将其设置为true，即加载消息。然后，在请求成功时（即，服务器用所需的数据响应）将其设置为false，这样"加载"消息将被隐藏，结果部分将被显示。

相关文章：