Question

in angular我们的应用程序访问存储在服务器端的JSON文件。该JSON文件包含学生信息。按下按钮后，我们必须从JSON文件中获取数据并显示在网页上

Answer 1

您可以使用Http服务对本地env进行API调用，并指向JSON文件，可以通过可观察的方式读取它。使用类似下面的代码：

@Injectable()
export class AppServices{

    constructor(private http: Http) {
         var obj;
         this.getJSON().subscribe(data => obj=data, error => console.log(error));
    }

    public getJSON(): Observable<any> {
         return this.http.get("./file.json")
                         .map((res:any) => res.json())
                         .catch((error:any) => console.log(error));

     }
}

您可以在此处了解更多信息：
Angular4: how do access local json?

Answer 2

在使用Angular应用程序时，您可以向服务器发出HTTP请求，服务器将向您返回所需的JSON响应。

一旦掌握了JSON，就可以在.ts文件中的变量上进行设置，并根据是数组还是对象，可以使用*ngFor来相应地使用它。或直接使用对象。

有关更多信息，请参阅Angular教程：-

https://angular.io/tutorial/toh-pt6

如何从JSON文件中获取数据并显示在网页上

2 个答案: