![](/img/trans.png)
[英]Angular 2 Change Detection Doesn't Work For Primitives In .Subscribe() Callback?
[英]Angular, callback doesn't change variable
我有以下代码段
这是我的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;)
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.