zoukankan      html  css  js  c++  java
  • [Angular 2] Get start with Firebase

    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();
        }
    }
  • 相关阅读:
    爬虫之暴力字典生成器
    爬虫之自动生成url
    数字、大小写字母的字符编码
    对avalonjs的研究
    求墙之间有多少水洼
    2.在centos7虚拟机搭建nginx网站
    P1250 种树
    暂时用笔记
    羊村的OI题解
    P1083 借教室
  • 原文地址:https://www.cnblogs.com/Answer1215/p/5429219.html
Copyright © 2011-2022 走看看