ember.js - 如何从在 {{#each}} 中创建的 ember 视图中检索模型属性

Question

我在从数组控制器的 {{#each}} 循环内的模板创建的视图中从我的模型中检索属性时遇到问题。这是片段：

{{#each controller}}
    {{view MyApp.MyView}}
{{/each}}

MyApp.MyView = Ember.View.extend({
    didInsertElement: function() {
        var property = this.get('controller.property');

        console.log(property); // Outputs "undefined"
    }
});

当我过去使用this.get('controller.property');时，它已经奏效了。但是，现在我使用的是 ArrayController，它似乎不起作用。有没有办法可以从视图代码中的每个循环访问当前属性？

Answer 1

您可以使用关键字将每个帮助器的当前项传递给content视图的属性this：

{{#each controller}}
    {{view MyApp.MyView contentBinding="this"}}
{{/each}}

MyApp.MyView = Ember.View.extend({
    didInsertElement: function() {
        var someObject = this.get('content');
        console.log(someObject);
    }
});

Answer 2

你可以这样做，我认为：

{{#each controller}}
    {{view MyApp.MyView}}
{{/each}}

MyApp.MyView = Ember.View.extend({
    didInsertElement: function() {
        var someObject = this.get('parentView.controller');
        console.log(someObject);
    }
});