在Angular 9中,您可以使用HttpClient模块来从HTTP get请求中读取JSON数据。以下是一个包含代码示例的解决方法:
首先,确保您已经安装了HttpClient模块。可以使用以下命令进行安装:
npm install @angular/common@9.0.0
然后,在您的组件中,导入HttpClient模块,并在构造函数中注入HttpClient服务。例如:
import { Component } from '@angular/core';
import { HttpClient } from '@angular/common/http';
@Component({
template: `
JSON数据
{{ data | json }}
`
})
export class MyComponent {
data: any;
constructor(private http: HttpClient) {
this.getData();
}
getData() {
this.http.get('URL_TO_JSON_FILE').subscribe((response) => {
this.data = response;
});
}
}
在上面的代码中,我们在构造函数中调用getData()方法来发起HTTP get请求,并在订阅响应时将返回的JSON数据赋值给组件的data属性。
请将URL_TO_JSON_FILE替换为您要从中读取JSON数据的实际URL。
最后,使用*ngIf指令在模板中进行条件渲染,并使用json管道来显示JSON数据。
这就是一个简单的示例,演示了如何从HTTP get请求中读取JSON数据。希望对您有所帮助!