将单个JSON文件加载到所有组件

Question

Angular新手

我创建了一个测验，该测验从json文件加载其数据（文本，图像等）。 需要在所有组件中加载相同的json文件。

解决此问题的最佳方法是什么？

到目前为止我尝试过的事情：

两者都有效。第二个选项加载速度更快，而使用该服务的内容显示会有所延迟。

从服务加载它。

问题是我必须将服务添加到构造函数中，并执行以下相同的重复功能，该功能在每个组件的ngOnInit中运行以获取数据。

private loadPageText() {
const page = document.querySelector('[data-page]').getAttribute('data-page');
this.localize.getLocalizeTextJson()
  .subscribe((data) => {
   this.localizeText = data[page];
  });
}

将json文件导入每个组件

直接将其加载到每个component.ts中，并在我的component.html文件中进行访问。