在Angular 2中导入JSON文件可以通过多种方式实现。以下是一种常见的方法:
import { Component } from '@angular/core';
import { Http } from '@angular/http';
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/operator/map';
@Component({
selector: 'app-root',
template: '<div>{{ jsonData | json }}</div>'
})
export class AppComponent {
jsonData: any;
constructor(private http: Http) {
this.getJSON().subscribe(data => {
this.jsonData = data;
});
}
public getJSON(): Observable<any> {
return this.http.get('path/to/data.json')
.map((res: any) => res.json());
}
}
这种方法是通过使用Angular的Http模块来读取JSON文件。但请注意,这只是一种常见的方法之一,你也可以根据项目的需求选择其他方法。
领取专属 10元无门槛券
手把手带您无忧上云