我是Ember.js和Ember-cli的新手,并且无法在我的中获取特定的模型值这个相当基本的问题ArrayController 并在此处理它。我通过ember.js doc多次阅读有关控制器设置和模型显示的信息
http://emberjs.com/guides/controllers/representing-multiple-models-with-arraycontroller/
但是我的案子还没有找到解决办法。
以下是我的路线,控制器和模型文件:
// /routes/sequences.js
import Ember from 'ember';
var SequencesRoute = Ember.Route.extend({
model: function() {
return this.store.find('sequences');
},
setupController: function(controller, model) {
this._super(controller, model);
}
});
export default SequencesRoute;
// /controllers/sequences.js
import Ember from 'ember';
var SequencesController = Ember.ArrayController.extend({
init: function() {
this._super();
this.typeSeq();
},
i: 0,
seqData: function(){
var seq = this.get('model.nts');
return seq;
}.property('model.nts'),
len: function(){
var slen = this.get('seqData');
return slen.length;
}.property('seqData'),
typeSeq: function() {
var tthis = this;
var sequence = this.get('seqData');
var lenn = this.get('len');
if (tthis.i <= lenn){
console.log(tthis.i);
console.log(sequence.substring(tthis.i,tthis.i+1));
tthis.i++;
Ember.run.later(function(){
tthis.typeSeq();
}, 200
);
}
else{
return false;
}
}
});
export default SequencesController;
// /models/sequences.js
import DS from 'ember-data';
var Genes = DS.Model.extend({
geneName: DS.attr('string'),
nts: DS.attr('string')
});
Genes.reopenClass({
FIXTURES: [
{
id: 1,
geneName: "Monoamine Oxidase A",
nts: "CTGCAGCGAGCGCGGGAAGCGGGACAGGGCCTAGAGTCACTTCTCCCCGCCCCTGACTGGCCCG"
},
{
id: 2,
geneName: "Monoamine Oxidase B",
nts: "TTTCTGCAGCGAGCGCGGGAAGCGGGACAGGGCCTAGAGTCACTTCTCCCCGC"
}
]
});
export default Genes;
特别是在我的控制器中设置 seqData 的属性并不清楚。究竟需要什么才能将我的模型数据输入属性?我的路由器中的setupController方法是否会在我的ArrayController中设置一个 model 属性,所以我可以通过 model.nts 获取它?现在,我的ember应用程序将构建,但在 typeSeq 函数中设置的var 序列仍未定义。
很高兴听到您的回答或获取有关此主题的精彩教程的链接!
答案 0 :(得分:0)
1)序列应该是单数我相信,但也许另一种方式有用吗?
return this.store.find('sequence');
而不是
return this.store.find('sequences');
2)无需执行所有init / seqData内容,数组控制器的content属性将自动从您的路由模型钩子设置为this.store.find('sequence');
,您可以这样做
len: function(){
var length = [];
this.get('content').forEach(function(item) {
length.push(item.get('nts').length);
});
return length;
}.property('content'),