Angular,回调不会改变变量

发布时间：2020-12-17 17:34:43 所属栏目：安全来源：网络整理

导读：我有以下代码段这是我的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.o

我有以下代码段

这是我的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;)
});

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!