訪問數據

Question

我試圖從DashboardIndexController訪問DashboardIndexView

JP.DashboardIndexController = Ember.Controller.extend({ 
    users: [] 
}); 

數據是否有可能訪問用戶JP.DashboardIndexView在didInsertElement？

didInsertElement : function(){ 
    console.log(this.get("controller.users").objectAt(0)); 
} 

這是我DashboardIndexRoute：

JP.DashboardIndexRoute = Ember.Route.extend({ 
    setupController: function(controller, model) { 
    controller.set('users', JP.User.find()); 
    } 
}); 

謝謝

僅編輯

console.log(this.get("controller.users").objectAt(0)); 

返回數據時，我去UsersIndex然後回DashboardIndex ..我認爲這是一個問題與初始化，但我不知道，如何解決它。

Answer 1

是的，這是如何訪問用戶列表。

發生這種情況是因爲DashboardIndexView插入到DOM中，然後controller.users被填充來自服務器的數據。

所以當渲染視圖時，controller.users仍然是空的，並且會在ajax請求完成後異步填充，問題是，已經觸發問題didInsertElement。

爲了解決這個問題，您需要從另一個鉤子訪問controller.users。 DidInsertElement是錯誤的地方，因爲無論JP.User.find()是否完成加載，它都會觸發。

即使視圖已經存在於DOM中，您只需確保在加載JP.User.find()時重新觸發。這樣的事情：

JP.DashboardIndexView = Ember.View.extend({ 
    didInsertElement: function() { 
    this.usersChanged(); 
    }, 
    usersChanged: function() { 
    if (!this.$()) { return; } // View not in DOM 
    console.log(this.get('controller.users')); 
    }.observes('controller.users.@each') 
});