// Это данные

data = [
   {name: "Foo", price: 10},
   {name: "Bar", price: 20},
   {name: "Baz", price: 40},
]

// Это бизнес-логика
   
   
@Injectable()
export class PriceService {

   url = "api/price_list/";

   constructor (private http: Http) {}

   getPriceList(): Observable<IMenuDataItem[]>{
     return this.http.get(this.url)
                     .map(this.extractData)
                     .catch(this.handleError);
   }

   private extractData(res: Response){
      let body = res.json();
      return body || [];
   }

   private handleError (error: Response | any) {
      let errMsg = `[${error.url}]: ${error.status} - ${error.statusText || ''}`;
      return Observable.throw(errMsg);
  }

}

//Это отображение

@Component({
  selector: "price-list",
  template: `<row *ngFor="let item of data">
                       <cell>{{item.name}}}</cell>
                       <cell>{{item.price}}}</cell>
                   </row>
`
})
export class View implements OnInit{}
   data = [];
   constructor(private service: PriceService){}
   ngOnInit(){
       this.service. getPriceList().subscribe(data=> this.data = data)
}