码迷,mamicode.com
首页 > 其他好文 > 详细

[Angular 2] Get start with Firebase

时间:2016-04-25 06:45:54      阅读:167      评论:0      收藏:0      [点我收藏+]

标签:

Create a Firebase Servcie:

import {Injectable} from angular2/core;
import {Http, Response} from angular2/http;
@Injectable()
export class FirebaseService{
    constructor(private _http: Http){

    }

    addOneHistory(keyword: string){
        const body = JSON.stringify({keyword: keyword});
        return this._http.post(https://xxx.com/searchHistory.json, body)
            .map( (res: Response) => {
                return res.json();
            });
    }

    getHistories(){
        return this._http.get(https://xxxx/searchHistory.json)
            .map( (res: Response)=>{
                return res.json();
            })
            .map( (hObj) => {
                return Object.keys(hObj)
                    .map( (key)=>{
                        return hObj[key];
                    });
            })
    }
}

 

Display the list:

import {Component, OnInit, Input} from angular2/core;
import {FirebaseService} from ./FirebaseService;
@Component({
    selector: history,
    template: `<ul><li *ngFor="#item of histories | async">
    {{item?.keyword}}
</li></ul>`
})

export class HistroyComponent implements OnInit {
    
    histories;

    constructor(private _fireBaseService:FirebaseService) {
    }

    ngOnInit() {
        this.histories = this._fireBaseService.getHistories();
    }
}

 

[Angular 2] Get start with Firebase

标签:

原文地址:http://www.cnblogs.com/Answer1215/p/5429219.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!