Angular 2 - get data from json file and display

Angular 2 - get data from json file and display

import { Injectable } from '@angular/core';
import { Http, Response } from '@angular/http';
import 'rxjs/add/operator/map';
@Injectable()
export class HerbsService {
  private _url= 'assets/herbs.json';
  constructor(private _http: Http) {}
  getHerbs () {
    return this._http.get(this._url)
      .map((response: Response) => response.json());
  }
}


//app.component.ts

export class AppComponent implements OnInit {
  herbs = [];
  constructor(private _herbService: HerbsService){}
  ngOnInit() {
    this._herbService.getHerbs()
      .subscribe(resHerbsData => this.herbs = resHerbsData);
  }
}