Angular2中如何使用http

ghost commented 8 years ago

https://github.com/Paldom/angular2-rest

Demo: http://plnkr.co/edit/bgihWOOMQH50fnwd3gLE?p=preview

kittencup commented 8 years ago

可以看下这里

https://github.com/jzlxiaohei/angular2-cnode/blob/master/assets/src/services/TopicService.js

Shyam-Chen commented 8 years ago

// components/on-request.ts
import { Component } from '@angular/core';
import { Http, Response } from '@angular/http';

@Component({
  selector: 'on-request',
  template: `
    <button type="button" (click)="onRequest()">請求</button>
    <pre>{{ response | json }}</pre>
  `
})
export class OnRequestComponent {
  public response: Object;

  constructor(private http: Http) { }

  onRequest() {
    this.http
      .get('./assets/data.json')
      .subscribe((res: Response) => {
        this.response = res.json();
      });
  }
}

// app.ts
import { Component } from '@angular/core';

import { OnRequestComponent } from './components/on-request';

@Component({
  selector: 'at-app',
  template: `
    <on-request></on-request>
  `,
  directives: [OnRequestComponent]
})
export class AppComponent { }

要怎麼把它改用 @Injectable() ?

kittencup / angular2-ama-cn

Angular2中如何使用http #19