AngularFire不会触发变更检测。
创始人
2024-10-24 20:31:20
0次

在使用AngularFire时,可以通过手动调用detectChanges()方法来触发变更检测。

下面是一个示例代码:

import { Component, NgZone } from '@angular/core';
import { AngularFireDatabase } from '@angular/fire/database';

@Component({
  selector: 'app-example',
  template: `
    
{{ item }}
` }) export class ExampleComponent { items: any[] = []; constructor(private afDb: AngularFireDatabase, private ngZone: NgZone) {} ngOnInit() { this.afDb.list('items').valueChanges().subscribe((data) => { this.ngZone.run(() => { this.items = data; }); }); } addItem() { this.afDb.list('items').push('New Item'); } }

在上面的代码中,我们使用AngularFireDatabase来订阅items节点的更改。在subscribe回调函数中,我们使用了ngZone.run()方法来手动触发变更检测,以确保UI能够及时更新。

请注意,ngZone的引入是必要的,它允许我们在Angular外部进行变更检测。

通过这种方式,我们可以确保当items节点发生更改时,Angular能够正确地检测到这些变化并更新UI。

相关内容

热门资讯

总算了解!奕棋耍大牌辅助器功能... 总算了解!奕棋耍大牌辅助器功能攻略,奕棋耍大牌一直真的是有辅助器攻略所有人都在同一条线上,像星星一样...
科普常识!好运南京麻将透视挂功... 科普常识!好运南京麻将透视挂功能攻略,好运南京麻将果然存在有透视挂攻略1、科普常识!好运南京麻将透视...
研究成果!众汇棋牌透视挂功能软... 研究成果!众汇棋牌透视挂功能软件,众汇棋牌原来真的是有透视挂软件所有人都在同一条线上,像星星一样排成...
实测发现!大众茶苑透视挂功能工... 实测发现!大众茶苑透视挂功能工具,大众茶苑果然是真的有透视挂工具1、起透看视 大众茶苑辅助软件价格2...
玩家必备教程!锦葵游戏透视功能... 玩家必备教程!锦葵游戏透视功能插件,锦葵游戏好像真的是有透视插件1、游戏颠覆性的策略玩法,独创攻略技...
科技通报!冰球突破透视挂功能神... 科技通报!冰球突破透视挂功能神器,冰球突破真是是有透视挂神器科技通报!冰球突破透视挂功能神器,冰球突...
玩家必用!全来潜山跑风透视功能... 玩家必用!全来潜山跑风透视功能脚本,全来潜山跑风好像存在有透视脚本1、全来潜山跑风有没有辅助教程、全...
必备科技!雪碧辅助器功能教程,... 必备科技!雪碧辅助器功能教程,雪碧好像真的有辅助器教程1、雪碧模拟器是什么优化,雪碧俱乐部是真的科技...
今日焦点!乐天游透视功能工具,... 今日焦点!乐天游透视功能工具,乐天游真是有透视工具1、今日焦点!乐天游透视功能工具,乐天游真是有透视...
教学盘点!钱柜手游辅助器功能软... 教学盘点!钱柜手游辅助器功能软件,钱柜手游一直真的有辅助器软件钱柜手游能透视中分为三种模型:钱柜手游...