angular - 如何使用 angular2 向客户端读取 JSON

Question

我有一个数据，我必须将该数据读取到 html 并显示值。我尝试过通过 API 调用 JSON 的方法，但无法做到。请看一下我的代码演示。

演示

有什么方法，我们可以在不调用 API 的情况下使用这些数据，我使用 JSON 文件，因为我不希望这个文件很长。

HTML：

 <div>
    <select >
            <option value=''>select</option>
            <option *ngFor="let country of countryList" [value]="country.dial_code">{{country.name | slice:0:20 }}
              {{country.dial_code}}</option>
          </select>
          <div>

标签： angular

Answer 1

您还可以从 .json 文件中导入所有数据：

import * as data from './file.json';

然后将其用作data变量。