ember.js - Ember 2.7 モデルの継承 - 親に関連するモデルに由来するテンプレートのデータにアクセスする方法は?

Question

Ember 2.7では、モデルPersonを持つクラスがあると仮定します (が唯一の属性であると仮定します)。Addresscity: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、次のようになります。

app/templates/components/employee-list.hbs

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

テンプレートが Address モデルからこの人の市区町村を表示できるように、これEmployee(つまり、この ' ')の住所を取得する EmberJS の方法は何ですか?Person

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}}