無法發送行動從元器件路由

Question

我想通過兩個組件向我的路由發送一個行動，我將發起一個createRecord行動。我一直在console.logging通過鏈，但我似乎從來沒有使它的路線。下面是我的路線代碼：

import Ember from 'ember'; 

export default Ember.Route.extend({ 
    store: this.get('store'), 
    actions: { 
    createEvent (concert) { 
     debugger; 
     console.log(concert, 'events route'); 
     console.log(this.get('store')); 
     let events = this.get('store').createRecord(concert); 
     return events.save(); 
    } 
    } 
}); 

，我的路由模板：

{{display-search-results creatEvent="createEvent"}} 

隨後的組件/組件的模板，按順序分別是：

顯示搜索結果temp：

{{thumbnail-for-search-results event=event createEvent="createEvent"}} 

顯示搜索結果組件：

import Ember from 'ember'; 

export default Ember.Component.extend({ 
    classNames: ['col-md-3'], 
    actions: { 
    createEvent(concert) { 
     console.log(concert, "display-search-results comp"); 
     this.sendAction('createEvent', concert); 
    } 
    } 
}); 

縮略圖換搜索結果溫度：

<img class='event-pic' src={{event.image_url}} onError="this.src='http://i.imgur.com/r7UiMQr.png';"> 
     <div class="caption"> 
     <h3 class="thumb-title">{{event.title}}</h3> 
     <p class="event-description"> 
      {{event.venue_name}} <br> {{event.start_time}} <br> <br>{{event.city_name}} <br> 
      {{event.region_name}} <br>{{event.country_name}} 
     </p> 
     <p><a class="btn btn-primary" role="button"{{action "createEvent" concert on="click"}}>>Add Event</a> <a href="#" class="btn btn-default" role="button">Button</a></p> 
    </div> 

縮略圖換搜索結果組件：

import Ember from 'ember'; 

export default Ember.Component.extend({ 
    classNames: ['thumbnail'], 
    // concert: this.get('store').find('eventful-event'), 
    actions: { 
    createEvent() { 
     console.log(this.get('event'), "thumb comp") 
     this.sendAction('createEvent', this.get('event')); 
    } 
    } 
}); 

Answer 1

我認爲你的射擊錯誤的動作名稱，它是createEvent，而不是創建線。我已經創建了一個用於從組件到路由操作進行交互的ember twiddle。

這裏u能檢查https://ember-twiddle.com/a81fbae955602bd9ed375995014c9fe6?openFiles=components.display-search-results.js%2Ctemplates.components.thumbnail-for-search-results.hbs

Answer 2

這僅僅是因爲錯字這裏：

{{display-search-results creatEvent="createEvent"}} 

使用createEvent，而不是creatEvent