我有以下代码段
这是我的main.html
<h2 class="txtcenter po-2text" style="padding-top:30px">
{{title}}
</h2>
这是我的主要内容：
title: string;
ngOnInit() {
var self = this;
var ref = firebase.database().ref('schools/' + this.currentUserId());
ref.orderByChild('title').on('value',function(dataSnapshot) {
console.log("Title is: " + dataSnapshot.val().title);
self.title = dataSnapshot.val().title;
});
}
即使使用某些有效数据触发回调,标题也不会自动更新.我错过了什么？
任何帮助表示赞赏！
解决方法
角度变化检测基于浏览器事件工作,因为这是一个火灾基础事件回调,这不会触发变化检测.所以尝试以下方法
导入NgZone：
import { Component,NgZone } from '@angular/core';
constructor(public zone: NgZone,...args){}
使用zone.run运行代码：
ref.orderByChild('title').on('value',(dataSnapshot) => {
console.log("Title is: " + dataSnapshot.val().title);
this.zone.run(() => this.title = dataSnapshot.val().title;)
});
