angular2.0 http示例代码

来源:互联网 发布:避孕套 知乎 编辑:程序博客网 时间:2024/06/08 02:17
import {Component} from 'angular2/core';
import {OnInit} from "angular2/core";
import {Http} from 'angular2/http';
import 'rxjs/Rx';



@Component({
    selector: 'my-app',
    template: `
        <h1>{{title}}</h1>
        <p>Test result {{result | json}}</p>
        `
})
export class App implements OnInit{
   public title = 'my title';
   public result : String;


    constructor(private _http : Http) {
    _http.post('http://jsonplaceholder.typicode.com/posts')
      .map(res => res.json())
      .subscribe(
        data => this.result = data,
        err => console.log('ERROR!!!'),
        () => console.log('Got response from API', this.result)
      );
    }


    ngOnInit () {
        
    }
}
0 0
原创粉丝点击