2

我将控制器传递给emberjs 组件。控制器有一个名为dateArray的计算属性，它包含一个日期数组。单击指向约会模板的#linkTo后，我可以进入控制台并执行以下操作：

    b = App.__container__.lookup("controller:appointment")
    c = b.get('dateArray')
    and it returns [Array[2]]

但是，当我将该控制器传递给emberjs 组件时

      {{date-picker datePickerController=controller}}

在组件内部，我可以获得正确的控制器实例，使用下面的代码

 datePicker = _this.get('datePickerController');
 console.log(datePicker), shows the dateArray with its content.

但是数组显示为空，当我使用下面的代码根据上面的实例对其进行完善时。

  controllerContent = datePicker.get('dateArray');

但是，如果我在约会模板的把手表达式中添加dateArray，它会呈现其内容：

  {{dateArray}}

那么，当控制器实例emberjs 组件具有dateArray时，为什么它的dateArray在emberjs 组件内为空

控制器：

App.AppointmentController = Ember.ObjectController.extend({
   needs: [ 'timeSlot'],
   timeSlotController: Ember.computed.alias('controllers.timeSlot'),
   dateArray: function(){
     _this = this;  

     fetchDates = [ ];

    var aa = _this.get('content'); 

    var yy = aa.get('timeSlots')

    yy.then(function(hh){
        nn = hh.map(function(item){ return moment.utc(item.get('startTime')).format("YYYY-MM-DD"); });

     pp =  fetchDates.pushObjects([nn]);

     return nn;
    });  

    return fetchDates;
  }.property('content.@each.timeSlots')


});

emberjs 组件：

App.DatePickerComponent = Ember.Component.extend({
   datePickerController: null,

   didInsertElement: function() {
     this._super();
     _this = this;
     var datePicker;

     datePicker = _this.get('datePickerController');
    //console.log(datePicker);

     var controllerContent = datePicker.get('dateArray');    

    //returns nil
     alert(controllerContent); 

    });// closes didInsertElement

  }

 });
4

2 回答 2

3

您的问题是您的dateArray属性是异步的，因为您使用的是yy.then.

这就是发生的事情：

您调用datePicker.get('dateArray')此触发器yy.then，但它不会立即解析，您会fetchDates以空数组的形式返回。加载时yy.then，它将填充数组，fetchDates.pushObjects([nn])以便更新模板。

我建议您观察数组中的变化以执行您想要的操作：

App.DatePickerComponent = Ember.Component.extend({
  datePickerController: null,
  dateArrayChanged: function() {
    var dateArray = this.get('datePickerController.dateArray');
    // now date array have elements
  }.observes('datePickerController.dateArray.[]')
 });
于 2013-10-20T17:20:18.410 回答
1

在 Ember 中，控制器是一种奇怪的传递方式，它只是模型上的装饰器，如果您的模型在控制器下方发生更改，您的控制器可能会完全不同（也许这是您的意图）。您可以尝试将 dateArray 传递到组件中。

于 2013-10-20T16:55:10.363 回答