ember.js - Ember 2.7 模型继承 - 如何访问来自与父相关的模型的模板中的数据？

Question

在 Ember 2.7 中，假设您有一个Person具有Address模型的类（假设city:DS.attr()是唯一的属性）。

应用程序/模型/person.js

import DS from 'ember-data';

export default DS.Model.extend({
  firstName: DS.attr(),
  lastName: DS.attr(),
  fullName: Ember.computed('firstName', 'lastName', function() {
    return `${this.get('lastName')}, ${this.get('firstName')}`;
});

Employee继承自并添加状态字段（Person如已雇用、已退休、已解雇等）

应用程序/模型/employee.js

import DS from 'ember-data';

import Person from '../models/person';

export default Person.extend({
  status: DS.attr(),
  statusCode: DS.attr(),
});

在显示 的组件中Employees，如下所示：

应用程序/模板/组件/员工列表.hbs

{{#each employees as |employee|}}
<div>
  <h2>{{employee.fullName}}</h2>
  <p>Home Base : [city]</p>
  <p>Status : {{employee.status}}</p>
</div>
{{/each}}

EmberJS 获取 this 的地址Employee（即 this ' Person'）的方法是什么，以便模板可以从 Address 模型中显示此人的城市？

Answer 1

{{employee.address.city}}是需要的车把代码：

{{#each employees as |employee|}}
<div>
  <h2>{{employee.fullName}}</h2>
  <p>Home Base : {{employee.address.city}}</p>
  <p>Status : {{employee.status}}</p>
</div>
{{/each}}