import { Component, OnInit } from '@angular/core'; import { HttpClient } from '@angular/common/http'; @Component({ selector: 'app-my-component', templateUrl: './my-component.component.html', styleUrls: ['./my-component.component.scss'] }) export class MyComponentComponent implements OnInit { data: any; constructor(private http: HttpClient) { } ngOnInit() { this.http.get('path/to/json/file').subscribe(data => { this.data = data; }); } }
ng build --deploy-url=./assets/json/
这将在应用程序中添加一个 ./assets/json/ 前缀,以确保在构建时正确引用 JSON 文件。