我试图将一个“动作”从控制器传递到当前模板的孙组件。但是由于某种原因失败了。有人能告诉我我在这里遗漏了什么吗?
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条答案
按热度按时间gstyhher1#
您的程式码看起来没有问题。您的
ChildComponent.hbs
档案中有一个小的@参数问题。由于您是通过
ChildComponent
将参数从MainTemplate
(save
和field
)传递到GrandChildComponent
,因此GrandChildComponent
调用应该如下所示:因为这两个属性是
ChildComponent
组件的参数,它不拥有它们。希望这能解决你的问题,这份备忘单帮助我更好地理解辛烷:)