javascript - 如何在 AngularJS 2.0 中发出 HTTP 请求

Question

我只想知道如何在新的 angularjs 2.0 中发出 http 请求，以及如何将此服务连接到控制器。

谢谢你。

Answer 1

到目前为止，http 模块/组件仍在开发中，尚未发布。在此期间，有两种替代方案可供使用：

• 获取（https://github.com/github/fetch）
• axios ( https://github.com/mzabriskie/axios )

您可以在此处了解有关新 http 服务的更多信息：

• https://github.com/jeffbcross/http-design
• https://docs.google.com/document/d/1DMacL7iwjSMPP0ytZfugpU4v0PWUK0BT6lhyaVEmlBQ/edit

Answer 2

我认为已经添加了基本支持。基于这个例子：

1. 使用来自 'angular2/http' //index.ts 的 httpInjectables 引导您的应用

2. 将 Http 注入构造函数 constructor(http: Http) //http_comp.ts

3. http.get('./people.json').map(res => res.json()).subscribe(people => this.people = people);

Answer 3

这是一段摘录：

import {Component, View} from 'angular2/core';
import {Http, HTTP_BINDINGS} from 'angular2/http';
import {bootstrap} 'angular2/platform/browser';
import {CORE_DIRECTIVES,NgFor} from 'angular/common';

    @Component({
       selector: 'app'
    })

    @View({
        templateUrl: 'devices.html',
        directives: [CORE_DIRECTIVES,NgFor]
    })

    export class App {
        devices: any;
        constructor(http: Http) {
            this.devices = []; 
            http.get('./devices.json').toRx().subscribe(res => this.devices = res.json());
        }
    }

    bootstrap(App,[HTTP_BINDINGS]);

这是一个演示 angular2 http 功能的存储库，可能会派上用场：

https://github.com/kaalpurush/ng2-http