我正在尝试使用 angular 将数据从父组件发送到子组件。在我的父组件中,我使用 onclick 事件将数据发送到我的子组件。
在我的子组件 user-profile.ts 中,我有这个:
@Input('user')
set user(user: any) {
}
我知道组件收到了数据,因为如果我 console.log(user) 它显示数据。但是它没有看到 html 中的数据。在这个文件的 html 中,我有这个
<h1>
{{ user.name }}
</h1>
但是我随后收到错误消息:“无法读取未定义的属性‘名称’”。我在我的 .ts 文件中放入什么逻辑来解决这个问题?
在您的 user-profile.ts 中使用以下内容
@Input() user: any; // or use your User type
在您的子组件 html 文件中,您可以保留您的更改。为了避免未定义的错误,您可以使用。在你的 html 中。
{{user?.name}}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句