在ES5代碼中使用Angular2 HTTP服務

Question

如何在ES5代碼中使用Angular2提供的HTTP服務？ 這是TypeScript示例。

我基本上需要GET和POST請求的示例。

此處顯示的示例無效。 get似乎是不確定的。

這是一個不起作用的例子：

    var SearchResultComponent = ng.core.Component({
        selector: "search-result",
        viewProviders: [ng.http.HTTP_PROVIDERS],
        templateUrl: "componentTemplates/SearchResult.html"
    }).Class({
        constructor: [ng.http.HTTP_PROVIDERS, function(http) {
            this.params = params;
            this.http = http;
        }],
        ngOnInit: function(){

            console.log(this.http.get); //undefined
        }
    })

Answer 1

在SearchResultComponent組件的構造函數中，您需要使用ng.http.Http而不是HTTP提供程序：

var SearchResultComponent = ng.core.Component({
    selector: "search-result",
    viewProviders: [ng.http.HTTP_PROVIDERS],
    templateUrl: "componentTemplates/SearchResult.html"
}).Class({
    constructor: [ng.http.Http, function(http) { // <-----
        this.params = params;
        this.http = http;
    }],
    ngOnInit: function(){

        console.log(this.http.get); //undefined
    }
});

在你的情況下，它不是注入的Http對象......

在提升應用程序時，可以在providers屬性或viewProviders屬性中指定providers （就像您一樣）。

有關使用Angular2和ES5的HTTP的信息，請參閱此plunkr： https ：//plnkr.co/edit/oM4gTgW5Q7gpR8Qderjj。