在 Angular Elements 中显示数据答案

【问题标题】：Display data in Angular Elements在 Angular Elements 中显示数据
【发布时间】：2020-05-12 11:55:26
【问题描述】：

我正在使用 Angular 元素在现有 Spring-Boot 项目中显示一个角度页面。

我有一个查询按钮，我用它从组件打字稿文件中的后端加载数据，然后将其显示在屏幕上。我使用了两种不同的方法：

当我在本地服务器上运行 angular 项目时，两者都工作正常，但是当通过 Spring boot 项目（Angular 元素）运行页面时，我无法通过第一种方法显示数据，即 {{data.名称}}。

知道为什么吗？

代码：-

组件。ts

data = {}
populateData(data) {
 this.data = data
}

组件。html

<input value="{{data.name}}" />

【问题讨论】：

好吧，看起来您正试图显示数组的属性name。哪个不存在。当你从 springboot 运行你的应用程序时，你能检查一下 data 包含什么吗？也许使用console.log。
使用 Spring Boot 运行时，对后端的 API 调用是否成功返回数据？
嘿。并且后端数据已成功发送，我已使用 console.log 进行了检查。
@Nicolas 这是我编辑过的类型。 :D

【解决方案1】：

当您是 Angular 项目 并使用 Spring 启动时， 呈现为未编译的 HTML 页面，并作为服务器运行 angular-CLI，这就是为什么它不起作用！

【讨论】：