觀察員火災行動提前。行動之前是初始化觀察激發的動作

Question

模板

<script type="text/x-handlebars"> 
    <h2>Welcome to Ember.js</h2> 
    {{outlet}} 
</script> 

<script type="text/x-handlebars" data-template-name="index"> 
    <ul> 
    {{input type="text" value=model.name}} 
    </ul> 
    <p {{action 'test'}}>test</p> 
</script> 

燼代碼

App = Ember.Application.create(); 

App.Router.map(function() { 
// put your routes here 
}); 

App.IndexRoute = Ember.Route.extend({ 
    model: function() { 
    return Ember.Object.create({name:'dilip'}); 
    }, 
    actions:{ 
    test:function(){ 
     alert('route test'); 
     console.log('test') 
    } 
} 
}); 

App.IndexController = Ember.Controller.extend({ 
    handleChange:function() 
    { 
    console.log('handle') 
    this.send('test') 

    }.observes('model.name') 
}) 

行動「測試」的路線已經確定，但是當我使用它的下面顯示error.This錯誤來，只有觀察。

加載路由時出錯：錯誤：沒有處理操作'測試'。

Answer 1

觀察者看火災前的路線是準備好處理動作交互的組件這是最常用。這種有點合理，因爲控制器是作爲路線的一部分「建造」的。我已經通過在路線setupController鉤子內設置一個屬性來解決這個問題，讓控制器知道它已經準備好了！

// Route 
setupController: function(controller, model) { 
    this._super(controller, model); 
    controller.set('routeIsReadyForAction', true); 
} 

// Controller 
routeIsReadyForAction: false, 

someObserver: function() { 
    if (!this.get('routeIsReadyForAction')) { 
     return; 
    } 

    this.send('someRouteAction'); 
}.observes('someProperty'), 

Answer 2

您需要處理控制器中的操作，而不是路徑中的操作。看看這個jsbin：http://emberjs.jsbin.com/yubowi/edit?html,js,output

Answer 3

你應該在控制器中定義你的動作。

this.send('test')尋找此擴展類中的操作（在本例中爲控制器）。如果你使this.sendAction（'test'）它出去並尋找動作，但是這些必須被預定義，就像`actionName =「actionName」一樣。當你有一個需要與控制器

{{my-component actionName="actionName"}} < sendAction now looks for controllers action