2016-04-14 38 views
1

Rota görünümümdeki ana bileşenden bir eylemi çağırmaya çalışıyorum.Ember 2.x'teki ana bileşenden arama eylemi.

mychild.hbs

{{#parent as |wrapper|}} 
    <button {{action "animate"}}>Login</button> 
{{/parent}} 

parent.hbs

<div>{{yield}}</div> 

myChild yol (herhangi bir işlem)

export default Ember.Route.extend(
}); 

myChild kontrol

export default Ember.Controller.extend({ 
}); 

ebeveyn bileşeni

export default Ember.Component.extend({ 

    actions: { 
     animate() { 
      console.log('ok'); 
     } 
    }, 
}); 

nasıl bileşeninden animate() aramaya

? Neyi yanlış yapıyorum ?

+0

Bu bir yazım hatası değil mi? Açma aparatı '# parent' ve onun bir diğeri ise '/ animate-fadein' – Pavol

+0

@Pavol ooops! sözdizimi eksik;) – Totomakers

+0

Sorunu göstermek için bir [Ember Twiddle] (https://ember-twiddle.com/) yazabilir misiniz? – jelhan

cevap

1

Aşağıdaki kodu buna göre değiştirdik. Çalışıyor gibi görünüyor.

<div> 
    {{yield this}} 
</div> 

{{#my-component as |mc|}} 
    <button {{action "doIt" target=mc}}>callDoIt</button> 
{{/my-component}} 
+0

Teşekkürler iyi çalışın :) – Totomakers