用angular请求ajax,如何使用angular2 / http进行ajax调用？

我正在使用Angular 2.0.0-beta.0和typescript.我能够在没有任何问题的情况下使用window [‘fetch’]开启ajax调用(我不需要使用早期版本中所需的任何变通方法.)

但我无法使用angular2的http进行相同的ajax调用.

以下是演示此问题的代码.项目文件夹中有三个文件index.html,以及名为app的子文件夹中的boot.ts和app.component.ts.

app.component.ts：

import {Http,HTTP_PROVIDERS} from 'angular2/http';

import {Component} from 'angular2/core';

@Component({

selector: 'my-app',providers: [HTTP_PROVIDERS],template: '

My First Angular 2 App

click{{tasks}}'

})

export class AppComponent {

http: Http;

tasks = [];

constructor(http: Http) {

alert(http == null);

this.http = http;

}

getTasks(): void {

this.http.get('http://localhost:3000/tasks/norender');

//.map((res: Response) => res.json())

//it is important to have this subscribe call,since the

//request is only made if there is a subscriber

.subscribe(res => this.tasks = res);

}

}

boot.ts：

import {bootstrap} from 'angular2/platform/browser'

import {HTTP_PROVIDERS} from 'angular2/http';

import {AppComponent} from './app.component'

bootstrap(AppComponent,[HTTP_PROVIDERS]);

index.html的：

Angular 2 QuickStart

System.config({

transpiler: 'typescript',typescriptOptions: {emitDecoratorMetadata: true},packages: {'app': {defaultExtension: 'ts'}}

});

System.import('app/boot')

.then(null,console.error.bind(console));

Loading...