在ES5代码中使用Angular2 HTTP服务

Question

How to use the HTTP service provided by Angular2 in ES5 code? Here is the TypeScript example.

I basically need examples of GET and POST requests.

The example shown here is not working. get seems to be undefined.

Here is an example that doesn't work:

    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

In the constructor of your SearchResultComponent component, you need use ng.http.Http and not HTTP providers:

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
    }
});

In your case, it wasn't the Http object that was injected...

Providers can be specified when boostrapping your application, in the providers attribute or the viewProviders attribute (like you did).

See this plunkr for a use of HTTP with Angular2 and ES5: https://plnkr.co/edit/oM4gTgW5Q7gpR8Qderjj .