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内部的服务,它只能在组件的上下文中使用。

相关内容

热门资讯

透视软件"wepok... 透视软件"wepoker私人局外卦"详细辅助AI教程(正确养号方法技巧)是一款可以让一直输的玩家,快...
透视脚本"we po... 透视脚本"we poker辅助器v3.3"详细辅助安装教程(辅助器激活码透视)准备好在we poke...
透视插件"德州透视脚... 透视插件"德州透视脚本"详细辅助存在挂教程(透视挂底牌攻略);科技安装教程;136704302。相信...
透视辅助"werpl... 透视辅助"werplan外挂"详细辅助揭秘攻略(辅助器是真的攻略),支持语音通讯、好友开房及战队组建...
透视好牌"pokem... 透视好牌"pokemmo免费脚本"详细辅助详细教程(透视脚本是有挂辅助),支持语音通讯、好友开房及战...
透视教学"pokem... 透视教学"pokemmo脚本辅助器下载"详细辅助必备教程(可以设置盖牌透视),支持语音通讯、好友开房...
透视黑科技"哈糖大菠... 透视黑科技"哈糖大菠萝怎么挂"详细辅助新版2025教程(辅助真的假的技巧)是一款可以让一直输的玩家,...
透视app"aapo... 透视app"aapoker公共底牌"详细辅助攻略方法(辅助器免费安装技巧);玩家必备必赢加哟《136...
透视有挂"哈糖大菠萝... 透视有挂"哈糖大菠萝有挂吗"详细辅助解密教程(私人局俱乐部神器)1、点击下载安装,微扑克wpk插件透...
透视辅助"wepok... 自定义wepoker好友房开挂系统规律,只需要输入自己想要的开挂功能,一键便可以生成出微扑克专用辅助...