Использование углового 2 ajax в ионном 2

Question

Я запускаю угловое приложение 2 в ионном 2, и я пытаюсь получить данные JSON с сервера. Каков процесс совершения вызова на сервер и получения JSON, чтобы мое приложение могло его разобрать? Есть ли какие-либо вещи, о которых я должен знать при совершении звонков?

Answer 1

Вам нужно ввести экземпляр Http в элемент (компонент или службу), где вы хотите выполнить запрос.

Например, с ES6 в качестве компонента:

(...) 
import {Http} from 'angular2/http'; 
import 'rxjs/Rx'; 

@Page({ 
    templateUrl: 'build/pages/page3/page3.html' 
}) 
export class Page3 { 
    constructor(http) { 
    http.get('data.json').map(res => res.json()).subscribe(
     (data) => { 
     this.data = data; 
     } 
    ); 
    } 

    static get parameters() { 
    return [[Http]]; 
    } 
} 

Обратите внимание, что вы можете также использовать async трубу. Смотрите эту ссылку для получения более подробной информации:

• https://angular.io/docs/ts/latest/api/common/AsyncPipe-class.html

Не забудьте указать поставщиков для HTTP в классе своего приложения:

(...) 
import {HTTP_PROVIDERS} from 'angular2/http'; 

@App({ 
    template: ` 
    (...) 
    `, 
    config: {}, 
    providers: [ HTTP_PROVIDERS ] 
}) 
export class MyApp { 
    (...) 
}