在模型对象上调用 Map 不返回任何内容

Question

我在 Ember 应用程序中转换模型对象时遇到问题。

我有一个 calendar 路由，它定义了这样的模型。

this.store.findAll('competency');

我正在尝试在定义为属性的控制器方法calendarItems 中转换由此返回的数据。

我想做的是获取我的模型并在其上调用 map 函数，转换对象并将其作为属性返回。

我已将控制器更改为 ArrayController 以允许调用 Enumberable 方法，但仍然没有运气。该功能在我可以this.get('model').map时出现

任何想法我在哪里绊倒？也许我的方法是出路，但基本上我只想转换模型并将该数据呈现给模板。

提前致谢！ 瑞恩

编辑

这是我的转换逻辑，但模板中记录的数组只是 []。

export default Ember.Controller.extend({
  calendarItems: Ember.computed('model', function () {
    return this.get('model').map(function(competency) {
      return 1;
    }, this);
  })
});

console.log(this.get('model').get('length'));

返回 0，这让我假设我没有来自商店的模型项目来迭代一个可以解释空白数组的模型项目。但是，如果我在模板中放置 {{#each}} 以打印出模型，我将收到 3 个模型。

编辑

日历路线

model: 
  return this.store.findAll('competency');
}

日历控制器

calendarItems: Ember.computed('model', function () {
  return this.get('model').map(function(competency) {
    return 1;
  }, this);
})

日历模板

{{log calendarItems}}

Answer 1

您有两个主要选择。

First，模型中的计算属性。来自文档的示例：

export default DS.Model.extend({
  firstName: DS.attr(),
  lastName: DS.attr(),

  fullName: function() {
    return this.get('firstName') + ' ' + this.get('lastName');
  }.property('firstName', 'lastName')
});

在模板中你可以这样使用它：

{{#each model as |item|}}
  {{item.fullName}}
{{/each}}

第二，控制器中的计算属性，基于模型。控制器示例：

import Ember from 'ember';

export default Ember.Controller.extend({
  something: Ember.computed('model', function () {
    var ret = [];
    this.get('model').forEach(function(item) {
      ret.push(item.get('something'));
    }, this);

    return ret;
  })
});

模板示例：

{{#each something as |item|}}
  {{item}}
{{/each}}

另外，您可以定义一个助手，将每个项目传递给它并返回您需要的内容。更多关于这个方法here