如何为Ember.js的model钩子返回值设置别名？

当然可以这么做！而且这是Ember官方完全支持的标准功能，并不是未被文档收录的隐藏技巧~

具体实现方法 #

你只需要在对应路由的控制器（比如app/controllers/post.js）中，通过计算属性的alias辅助器为model创建别名：

import Controller from '@ember/controller';
import { alias } from '@ember/object/computed';

export default class PostController extends Controller {
  // 为model创建别名posts
  @alias('model') posts;
}

之后在模板里就可以直接使用posts来遍历数据了：

{{#each posts as |post|}}
  <!-- 这里写你的帖子渲染逻辑，比如{{post.title}} -->
{{/each}}

原理说明 #

alias是Ember计算属性体系中的核心辅助器之一，官方文档有明确收录。它的作用是为已有属性创建一个“别名引用”：当路由的model钩子返回的Promise解析完成、model属性更新时，posts会自动同步这个更新，完全不影响模板的渲染流程。

如果你使用的是Ember Octane及以上版本，也可以用ES getter语法实现等价效果，写法更贴近原生JS：

import Controller from '@ember/controller';

export default class PostController extends Controller {
  get posts() {
    return this.model;
  }
}

内容的提问来源于stack exchange，提问作者rinold simon