首页 > 解决方案 > 从子组件角度访问父变量

问题描述

如何从父组件、子组件获取变量?

应用程序组件

secret: string = '123'

子组件

@Input() secret;

console.log(this.secret);
=> undefined

每个示例仅显示模板绑定,例如[secret]="secret"

如何从子组件访问父组件的数据?

标签: angulartypescript

解决方案


尝试在父级(使用子组件的地方)的 HTML 中使用属性绑定,如下所示:

<child [secret]="secret"><child>

推荐阅读