검도 UI 그리드

Question

스피

을 할 수있는 간단한 대기은 무엇인가 (내 서버에서 JSON) 아약스에 의해로드 된 그리드를 생성하려고?

이 격자에 비동기 json 응답을 바인딩하는 방법은 무엇입니까? 아래

코드 내가 그것 (하드 코딩)는 오늘

당신은 그 목적을 위해 비동기 파이프를 사용할 수 있습니다 U

import { Component, OnInit } from '@angular/core'; 
import { HttpService } from 'services/http.service' 

@Component({ 
    selector: 'my-analytics', 
    styleUrls: ['../../../node_modules/@telerik/kendo-theme-default/dist/all.css'], 
    template: require('./analytics.component.html') 

}) 
export class AnalyticsComponent implements OnInit { 

    private gridData: any[] = [{ 
     "ProductID": 1, 
     "ProductName": "Chai", 
     "UnitPrice": 18.0000, 
     "Discontinued": false, 
     "Category": { 
      "CategoryID": 1, 
      "CategoryName": "Beverages", 
      "Description": "Soft drinks, coffees, teas, beers, and ales" 
     } 
    }, { 
     "ProductID": 2, 
     "ProductName": "Chang", 
     "UnitPrice": 19.0000, 
     "Discontinued": false, 
     "Category": { 
      "CategoryID": 1, 
      "CategoryName": "Beverages", 
      "Description": "Soft drinks, coffees, teas, beers, and ales" 
     } 
    }, { 
     "ProductID": 3, 
     "ProductName": "Aniseed Syrup", 
     "UnitPrice": 10.0000, 
     "Discontinued": false, 
     "Category": { 
      "CategoryID": 2, 
      "CategoryName": "Condiments", 
      "Description": "Sweet and savory sauces, relishes, spreads, and seasonings" 
     } 
    }]; 

    constructor(private http_service: HttpService) { } 

    ngOnInit() { 

    } 
} 

Answer 1

감사를 수행하는 방법이다. 해당 데이터 Binding help article을 확인하십시오.

Answer 2

유 JSON을 XML 만 작동하지

 this.http.get(this.url) 
     .map(response => response.json()) 
     .subscribe(result => { 
      this.gridData= result 


     }, 
      err => console.log(err) 
     );