如何以角度将数据导入html

代码人

我正在尝试使用 angular 将数据从父组件发送到子组件。在我的父组件中,我使用 onclick 事件将数据发送到我的子组件。

在我的子组件 user-profile.ts 中,我有这个:

@Input('user')
  set user(user: any) {
  
  }

我知道组件收到了数据,因为如果我 console.log(user) 它显示数据。但是它没有看到 html 中的数据。在这个文件的 html 中,我有这个

<h1>
  {{ user.name }}
</h1>

但是我随后收到错误消息:“无法读取未定义的属性‘名称’”。我在我的 .ts 文件中放入什么逻辑来解决这个问题?

Yachitha Sandaruwan

在您的 user-profile.ts 中使用以下内容

@Input() user: any; // or use your User type

在您的子组件 html 文件中,您可以保留您的更改。为了避免未定义的错误,您可以使用。在你的 html 中。

{{user?.name}}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章