javascript - Ember 2，显示空模型的消息而不是在 hbs 模板中加载，每个或如果

Question

我在我的代码中经常使用(我不知道我是否正确使用它):

{{#each model.posts as |post|}}

  <div>post.title</div>

{{else}}

  <div>I'm loading the posts...</div>

{{/each}}

直到今天一切正常。

但是现在不知道model.posts是不是空的

如何显示错误而不是永远加载一个空数组？

Answer 1

模型上的关系返回一个 PromiseArray，它解析为一个 RecordArray。在 RecordArray 上，您可以检查 isLoaded .但是您无法访问此属性，因为 PromiseArray 不会将此代理到底层 RecordArray。然而 PromiseArray 实现了 PromiseProxyMixin ，其中有 isPending 和 isSettled 可用。

结帐 this twiddle一个可行的解决方案。

基本上这是工作代码:

{{#each model.posts}}

{{else}}
  {{#if model.posts.isPending}}
    <div>lade...</div>
  {{else}}
    <div>nix da :(</div>
  {{/if}}
{{/each}}