要从assets文件夹中读取JSON文件,可以按照以下步骤进行解决:
"assets": [
"src/favicon.ico",
"src/assets"
]
import { HttpClient } from '@angular/common/http';
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-your-component',
templateUrl: './your-component.component.html',
styleUrls: ['./your-component.component.css']
})
export class YourComponent implements OnInit {
constructor(private http: HttpClient) { }
ngOnInit() {
this.http.get('assets/data.json').subscribe(data => {
console.log(data);
});
}
}
在ngOnInit方法中使用HttpClient的get方法来获取JSON文件。在这个示例中,我们假设JSON文件名为data.json。你可以根据实际情况更改文件名。
运行应用程序并检查控制台输出,以确保JSON文件已成功读取。
注意:如果你的JSON文件比较大或需要在多个组件中使用,你可能需要将JSON数据存储在一个共享的服务中,以便在整个应用程序中共享数据。