将大数组从主要组件分离到一个新文件

Question

我是前端世界的新手，我目前正在使用 typescript 进行 Angular 项目，我创建了一个数组以分配给 object，所以我的TS组件中有这样的东西：

    formOptions = []

    ngOnInit() {
        this.formOptions = [{
            id: 1,
            description: 'First name'
          },
          {
            id: 2,
            description: 'Middle name'
          }, {
            id: 3,
            description: 'Last name'
          }...etc
        }

如您所见，数组将变得非常大，有没有办法将数组移动到单独的文件，然后导入它并只分配 object？ 如果是这样，保存此文件路径的通用路径在哪里以及我应该使用什么扩展名？

Answer 1

尝试将数组存储在单独的.json文件中。 然后使用 fetch 加载文件并解析 JSON。JSON 是 Javascript Object 表示法，它将采用与代码中布局完全相同的数组（或对象）。

[{
            id: 1,
            description: 'First name'
          },
          {
            id: 2,
            description: 'Middle name'
          }, {
            id: 3,
            description: 'Last name'
          }...etc
        }]

MDN 上的第一个示例完全符合我的描述。