Ember.js Ember 2.7模型继承-如何访问来自与父模型相关的模型的模板中的数据?
在Ember 2.7中,假设您有一个Ember.js Ember 2.7模型继承-如何访问来自与父模型相关的模型的模板中的数据?,ember.js,ember-data,ember-cli,ember-components,Ember.js,Ember Data,Ember Cli,Ember Components,在Ember 2.7中,假设您有一个Person类,该类具有地址模型(假设城市:DS.attr()是唯一的属性) app/models/person.js import DS from 'ember-data'; export default DS.Model.extend({ firstName: DS.attr(), lastName: DS.attr(), fullName: Ember.computed('firstName', 'lastName', function()
Person
类,该类具有地址
模型(假设城市:DS.attr()
是唯一的属性)
app/models/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
并添加状态字段(如雇用、退休、解雇等)
app/models/employee.js
import DS from 'ember-data';
import Person from '../models/person';
export default Person.extend({
status: DS.attr(),
statusCode: DS.attr(),
});
在显示员工的组件中,如下所示:
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}}
{{{#每个员工都是|员工}
{{employee.fullName}
总部:[城市]
状态:{{employee.Status}
{{/每个}}
获取该
员工
(即该“人
”)地址的方法是什么,以便模板可以从地址模型中显示此人的城市?{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}}
{{{#每个员工都是|员工}
{{employee.fullName}
总部:{{employee.address.city}
状态:{{employee.Status}
{{/每个}}