angular2使用Firebase侦听更改

npm install firebase --save

import * as firebase from 'firebase/app';
import 'firebase/database';

@Injectable()
export class FirebaseService {
  private firebaseConfig = {
    // 在这里填写你的Firebase配置信息
  };

  private firebaseApp: firebase.app.App;
  private firebaseDatabase: firebase.database.Database;

  constructor() {
    this.firebaseApp = firebase.initializeApp(this.firebaseConfig);
    this.firebaseDatabase = this.firebaseApp.database();
  }

  // 在这里定义各种与Firebase数据库交互的方法，例如监听数据更改、写入数据等
}

import { Component, OnInit } from '@angular/core';
import { FirebaseService } from './firebase.service';

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
  styleUrls: ['./example.component.css']
})
export class ExampleComponent implements OnInit {
  constructor(private firebaseService: FirebaseService) {}

  ngOnInit() {
    // 使用Firebase服务侦听数据更改
    this.firebaseService.firebaseDatabase.ref('path/to/data').on('value', snapshot => {
      // 处理数据更改的逻辑
      console.log(snapshot.val());
    });
  }
}