Javascript 从组件模板内访问余烬组件数据

我试图弄清楚Ember.js，这样我就不会手动操作DOM，而是使用手柄

我试图在组件的模板中访问组件的数据，以便可以迭代数据并构建一个表。如果这不是余烬之路，请告诉我。我在模型、存储或路由中没有数据集。所有工作都在组件“问题数据”中完成

以下是组件及其模板：

从“余烬”导入余烬；
出口
默认Ember.Component.extend({
runAll:null，
csvData:null，
initTable:function（）{
函数buildTable（）{
var-csvFile；
余烬$.ajax({
url:“打开发布数据/打开发布数据.csv”，
数据类型：“文本”，
async:false，
成功：功能（响应）{
csvFile=响应；
},
错误：函数（err）{
控制台日志（err）；
}
});
Papa.parse（csvFile{
完成：功能（结果）{
csvFile=results.data；
this.csvData=csvFile；
}
});
/*准备实施筛选器时取消注释
选项={
ValueName:[“发行编号”、“客户id”、“报告日期”、“位置”]
};
var myList=新列表（“表div”，选项）；
*/
}
buildTable（）；
}.on（'didInsertElement'），
didInsertElement（）{
this.runAll=Ember.run.later（this，function（）{
this.initTable（）；
this.runAll=Ember.run.later（this，this.runAll，60000）；
}, 60000);
},
did元素（）{
Ember.run.cancel（this.runAll）；
}
});

按问题排序#
{{{#issue data.csvData中的每一行}
{{#行中的每列}
{{column}}
{{/每个}}
{{/每个}}
{{yield}
在翻阅文档时发现：

有一个更好的方法，但是Ember自己的文档说您可以使用这个.set（）为数据分配一个键；为了得到正确的“this”，我使用了一个新变量来保持作用域：


var\u分量=this；
var-csvFile；
余烬$.ajax({
url:“打开发布数据/打开发布数据.csv”，
数据类型：“文本”，
async:false，
成功：功能（响应）{
csvFile=响应；
},
错误：函数（err）{
控制台日志（err）；
}
});
Papa.parse（csvFile{
完成：功能（结果）{
csvFile=results.data；
this.csvData=csvFile；
_组件.set（'issues'，this.csvData）；
}
});