Как передать «действие» из шаблона в его дочерние компоненты в Ember Octane - PullRequest
Новая
       11

Как передать «действие» из шаблона в его дочерние компоненты в Ember Octane

1 голос
/ 14 января 2020

Я пытаюсь передать «действие» от контроллера компоненту внука текущего шаблона. Но это не удается по какой-то причине. Может ли кто-нибудь дать мне знать, что мне здесь не хватает. 

MainTemplate's Router Controller

export default class MainTemplateController extends Controller {

  field = "userId";

  @action
  save () {
    //save data
  }

}

MainTemplate.hbs

<ChildComponent @field={{this.field}} @save={{this.save}} /> 


ChildComponent.hbs 

<GrandChildComponent @field={{this.field}} @save={{this.save}} />


GrandChildComponent.hbs

<button @onClick={{action "doSomething" (readonly @field)}}>Save</button>

export default class GrandChildComponent extends Component {    
    @action
    doSomething(fieldName) {
        console.log(fieldName); // logs as "userId"
        console.log(this.args.save) // undefined
    }    
}

1 Ответ

0 голосов
/ 14 января 2020

Ваш код выглядит нормально. В вашем файле ChildComponent.hbs есть небольшая проблема @argument.

Поскольку вы передаете аргумент из MainTemplate (save и field) в GrandChildComponent через ChildComponent. Вызов GrandChildComponent должен выглядеть примерно так: 

<!-- ChildComponent.hbs  -->

<GrandChildComponent @field={{@field}} @save={{@save}} />

, поскольку эти два свойства являются аргументом для компонента ChildComponent, и он им не владеет. Надеюсь, что это решит вашу проблему, и этот шпаргалка помогла мне лучше понять октан:)

...