Angular在promise内部的发射不起作用
创始人
2024-10-30 20:30:50
0

问题描述: 在Angular中,当在Promise内部尝试发射事件时,事件似乎无法被触发。

解决方法: 要在Angular中的Promise内部发射事件,需要使用Angular的ChangeDetectorRef服务来手动触发变更检测。

以下是解决方法的代码示例:

import { Component, OnInit, ChangeDetectorRef } from '@angular/core';

@Component({
  selector: 'app-my-component',
  template: `
    
    
{{ result }}
` }) export class MyComponent implements OnInit { result: string; constructor(private cdRef: ChangeDetectorRef) {} ngOnInit() {} startAsyncTask() { this.result = 'Task started'; // 模拟异步任务 const promise = new Promise((resolve, reject) => { setTimeout(() => { this.result = 'Task completed'; // 手动触发变更检测 this.cdRef.detectChanges(); resolve(); }, 2000); }); // 可选:可以在任务完成后执行一些额外的逻辑 promise.then(() => { console.log('Task finished'); }); } }

在上面的代码中,我们使用了ChangeDetectorRef服务来手动触发变更检测。在Promise的resolve回调中,我们调用了this.cdRef.detectChanges()来通知Angular检查组件的变更。这将触发组件的重新渲染,并更新模板中的绑定。

请注意,ChangeDetectorRef服务必须在组件的构造函数中注入,并且不能在构造函数外部使用。这是因为ChangeDetectorRef是Angular内部的服务,它只能在组件的上下文中使用。

相关内容

热门资讯

玩家必看教程!土豪联盟怎么开辅... 玩家必看教程!土豪联盟怎么开辅助,陕麻圈辅助开挂软件,详细app(有挂神器)1、很好的工具软件,可以...
2026版辅助挂!德普之星透视... 2026版辅助挂!德普之星透视辅助软件,德普之星透视辅助软件,果然真的是有挂(了解有挂)1、点击下载...
我来教教大家!凑一桌开挂,杭州... 我来教教大家!凑一桌开挂,杭州都莱游戏辅助,详细插件(真是有挂)1、杭州都莱游戏辅助脚本辅助下载、杭...
网友热议!pokemmo脚本最... 网友热议!pokemmo脚本最新版,德普之星辅助器怎么用,确实存在有挂(有挂神器)1、金币登录送、破...
发现一款!哈局八张辅助,微信小... 发现一款!哈局八张辅助,微信小程序辅助新天道辅助,详细脚本(有挂功能)1、下载好微信小程序辅助新天道...
近年来!wepoker私人局透... 近年来!wepoker私人局透视,智星菠萝透视,总是真的有挂(有挂攻略)1、起透看视 智星菠萝透视辅...
玩家必看秘籍!蛮王大厅脚本辅助... 玩家必看秘籍!蛮王大厅脚本辅助,创思维激k有挂吗,详细器(有挂秘笈)1、操作简单,无需蛮王大厅脚本辅...
推出新举措!佛手大菠萝有挂吗,... 推出新举措!佛手大菠萝有挂吗,智星德州插件,其实存在有挂(有挂秘籍)1、任何智星德州插件透视是真的假...
揭秘攻略!闲来透视辅助器最新版... 揭秘攻略!闲来透视辅助器最新版,欢聚水鱼天下辅助,详细技巧(有挂解密)1、游戏颠覆性的策略玩法,独创...
刚刚!wepokerplus辅... 刚刚!wepokerplus辅助,德扑之星私人局辅助器,总是真的有挂(确实有挂)1、任何德扑之星私人...