javascript - Ember js 2计数相关字段(hasMany)

我对使用计算属性访问控制器中的余烬模型感到困惑。

我的问题：我正在尝试创建两个属性，一个用于计算hasMany字段marcanet的相关对象，第二个将该属性的大小限制为仅显示n元素。

第一景在Model上计算属性：

import Model from 'ember-data/model';
import attr from 'ember-data/attr';
import { hasMany } from 'ember-data/relationships';
import Ember from 'ember';

export default Model.extend({
    client: attr('string'),
    figure: attr('string'),
    marcanet: hasMany('marcanet'),
    title: attr('string'),
    tm_type: attr('string'),

    total: function() {
        return this.get('marcanet.length');
    }.property('model')
    // issue i can't render it on my template as {{model.total}}
    // so, I can't understand if it is computed right.
});

第二风景移向控制器。

在这里我只能访问商标的主要对象

import Ember from 'ember';

export default Ember.Controller.extend({
    // It works
    sliceTrademarks: function() {
        return this.get('model').slice(0, 5);
    }.property('model'),
    // It works
    totalTrademarks: function() {
        return this.get('model.length');
    }.property('model'),

    // It throws me an error TypeError: this.get(...) is undefined
    sliceMarcanet: function() {
        return this.get('model.marcanet').slice(0, 2);
    }.property('model'),
    // It only give me an empty result
    totalMarcanet: function() {
        return this.get('model.marcanet.length');
    }.property('model')
});

最佳答案

为了解决我的问题，我做了以下工作，

我在模型上使用了compute属性来获取相关对象的大小，

// Thanks for the advice @torazaburo
relatedTotal: Ember.computed.alias('marcanet.length')

我创建了一个名为limit的助手来执行极限任务

// helpers/limit.js
import Ember from 'ember';

export function limit(params, { limitObject, size }) {
  return limitObject.slice(0, size);
}
export default Ember.Helper.helper(limit);

我的模板看起来像这样

// template/index.hbs
{{#each model as |trademark|}}
    {{trademark.id}} limit to 2 records<br>
  <ul>
  {{#each (limit limitObject=trademark.marcanet size=2) as |related|}}
    <li>{{related.expediente}}</li>
  {{/each}}
  </ul>
{{/each}}

注意：它适用于Ember 2.4.5，请参阅我的example

关于javascript - Ember js 2计数相关字段(hasMany)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/36926352/