gpt4 book ai didi

javascript - 如何以 Angular 将数据导入html

转载 作者:行者123 更新时间:2023-12-02 18:34:06 24 4
gpt4 key购买 nike

我正在尝试使用 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}}

关于javascript - 如何以 Angular 将数据导入html,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/69025485/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com