Question

我创建了mixin，controller和template。

// checkIn/index.js.handlebars
<div class="page-header text-center">
        <h2>
                Check in for
                {{#unless checkInSettings.loaded}}
                        <span class="icon-spinner icon-spin"></span>
                {{else}}
                        <span class="text-info">{{checkInSettings.programName}}</span> - <span class="text-info">{{checkInSettings.programStartDate}}</span>
                {{/unless}}
        </h2>
</div>

// controllers/check_in_controller.js
App.CheckInController = Em.Controller.extend(App.LoadCheckInSettings);

// mixins/load_check_in_settings.js
App.LoadCheckInSettings = Em.Mixin.create({
        init: function() {
                this._super();
                if (!this.get('checkInSettings')) {
                        this.set('checkInSettings', App.CheckInSettings.create());
                        this.get('checkInSettings').set('isLoading', true);
                        var self = this;
                        $.getJSON('/check_in/settings').then(function(data) {
                                self.get('checkInSettings').set('isLoading', false);
                                self.get('checkInSettings').set('programName', data.program_name);
                                self.get('checkInSettings').set('programAcademicYear', data.program_academic_year);
                                self.get('checkInSettings').set('programStartDate', data.program_start_date);
                                self.get('checkInSettings').set('loaded', true);
                        });
                }
        }
});

我正在尝试将checkInSettings加载到整个CheckInController及其所有子控制器中。我希望在checkInSettings模板中看到checkIn/index，但它没有显示出来。

如果我创建控制器，它的作用是什么：

// controllers/check_in_index_controller.js
App.CheckInIndexController = Em.Controller.extend(App.LoadCheckInSettings);

但是，我想加载设置以便在CheckIn的其他区域中使用，例如设置页面。

有没有办法在控制器或路由中为所有CheckIn加载此mixin，以便我可以从checkInSettings或index访问settings？

Answer 1

创建一个控制器CheckInsIndexController。在该控制器上添加以下两个属性需求：['check_ins']，一个checkinsBinding：'controllers.checkIns.content'。然后，您可以在索引模板中使用checkIns。

Ember控制器不会将变量加载到模板中

1 个答案: