无法将JSON数据访问到角度（.ts）文件中

Posted 2021-04-20

我正在尝试使用ngx-translate为我的Web应用程序实现国际化。我能够访问html文件中的JSON数据，但无法访问角度（.ts）文件中的JSON数据。任何人都可以建议我如何在.ts文件中访问它。

答案

您可以从json文件获得输入，就像调用后端服务一样。语法是相同的，但如果从本地json文件读取它是同步调用。

// Import HTTP Client
import { HttpClient } from '@angular/common/http'; 

// Define property
myDataObject: any;

// Dependency Injection
constructor(private http: HttpClient) {}

// Get the data
ngOnInit() {   
  this.myDataObject = this.http.get<any>("assets/json/data.json")
    .map(response => response)
}

现在你可以从你的json对象获取属性，如：

this.myDataObject.myProperty