angularでjsonファイルを読み込んでテーブル表示させる方法

Question

仕事で使う為、angularの勉強をしているのですが、
下記のようなjsonファイルをコンポーネントで読み込んでテーブル表示させたいのですが、
jsonファイルの読み込み方法を教えてください。

{
  "list": [
      {
          "id": "001",
          "name": "一郎"
      },
      {
          "id": "002",
          "name": "次郎"
      },
      {
          "id": "003",
          "name": "三郎"
      }
  ]
}

Answer 1

Httpクライアントモジュールを使えば簡単にできます。
https://qiita.com/ponday/items/1ec0e500cd801286845e

上記を読み、再度わからなければ質問してください。

Comments

[akirin062]

ありがとうございます。
URLの情報を参考にし、下記のようにコーディングしてみました。

その中で
data = this.http.get(this.URL).subscribe(json => );
上記のdataにjsonの内容が入ると思うのですが、
『json =>』の先に何を入れるのかわかりません。
何を入れるのかよろしくお願いします。

import { Component, OnInit } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Component({
selector: 'app-controls',
templateUrl: './controls.component.html',
styleUrls: ['./controls.component.css']
})
export class ControlsComponent implements OnInit {

private http:HttpClient;

URL = 'assets/test.json';

constructor(http:HttpClient){
this.http = http;
}
data = this.http.get(this.URL).subscribe(json => );
}