eventemitter 相关问题

EventEmitter 和 ViewChild('child-form') 从子组件获取值的区别

在子组件中，通过使用EventEmitter，我们可以将值从子组件传递到父组件。 但我看到另一种情况，当我们声明 ViewChild 时，如下所示： @ViewChild('childForm') formCompo...

理解 Node.js 中的 EventEmitter 和浏览器中的 addEventListener 之间的关系

我目前正在深入研究 Node.js，并探索其与浏览器环境中的 JavaScript 相比的独特功能。引起我注意的一个概念是 EventEmitter，它处理事件......

我可以在 ng-container 中使用 eventEmeter 和 *ngTemplateOutlet

我可以使用 EventEmitter 的输出在模板和父组件之间交换事件，如下例所示： 我可以使用 EventEmitter 的输出来在模板和父组件之间交换事件，如本例所示： <div> <ng-container *ngTemplateOutlet=" field.field.editTemplate; context: { dataItem: field } " (validate)="validateField(field)" ></ng-container> </div> 例如模板代码为： <ng-template let-dataItem="dataItem" #EditTemplate> <div class="noselect" style="position: absolute; margin: 0px; height: 100%; width: 100%" > <input type="checkbox" [id]="'customCheckbox' + dataItem.id" [(ngModel)]="dataItem.isChecked" style="display: none" /> <label [for]="'customCheckbox' + dataItem.id" (click)="onClic()" > <i *ngIf="dataItem.isChecked; else uncheckedIcon" style="cursor: pointer; color: forestgreen; font-size: 200%" class="material-icons icons-lg" >check_circle_outline</i > <ng-template #uncheckedIcon> <i placement="bottom" style="cursor: pointer; color: rgb(0, 110, 255); font-size: 200%" class="material-icons icons-lg" >check_circle_outline</i > </ng-template> </label> </div> </ng-template> onClic(){ this.validate.emit(true) } 我已经这样做了，但是事件没有在 validateField(field) 方法中传输。 我可以使用 EventEmitter 的输出来在模板和父组件之间交换事件吗 是的！ Angular EventEmitter 必须在包含模板的子组件中使用。所以你可以像这样定义 EventEmitter： @Output() validate = new EventEmitter<boolean>(); 尽量不要使用 onClic 作为函数名称。使其更有意义/可读，例如 validateOnClick(); validateOnClick() { this.validate.emit(true); <---- should it always be TRUE? } 在父组件中： validateField(field: any) { console.log('Validation triggered for field:', field); } 在此处查看 NgTemplateOutlet 类型检查： https://medium.com/@thomas.laforge/ngtemplateoutlet-type-checking-5d2dcb07a2c6

在Nestjs和EventEmitter2处理程序中获取事件名称

我有以下代码： @OnEvent(“**”) 公共handleEverything（parentId：数字）：无效{ // @ts-expect-error this.envent console.log(这个.事件) } 我尝试获取该事件

在执行函数的其余部分之前，是否可以异步等待 Node.js 事件发射器“event.on()”填充？

示例代码： 从 'node:events' 导入 { EventEmitter } 让总线=新的EventEmitter() 异步函数演示(){ 让富 const Listen = 异步函数（通道名称，回调）{ ...

Angular EventEmitter 没有发射？

我想我误解了EventEmitter的概念。 我试图在发生焦点事件时调用自定义组件上的函数。 这是我的custom-form.component.html： <...

这个函数的返回值可以强类型化吗？

我有一个辅助函数，可以让我等待 EventEmitter 上的事件。 从 'eventemitter3' 导入 { type EventEmitter } /** 返回一个在给定事件触发时解决的承诺 */ 出口

更新到最新版本的 Node.js 后检测到可能的 EventEmitter 内存泄漏

我已经升级到最新的稳定版本的节点（20.9.0），现在每当我使用 npx create-react-app 或使用 vite 制作 React 应用程序时，它总是显示“可能的 eventEmitter 内存泄漏

使用带有 Nestjs 问题的事件发射器调用 1 函数两次

这是我的代码： 事件发射器.module.ts 从'@nestjs/common'导入{模块}； 从'@nestjs/event-emitter'导入{EventEmitterModule}； 从 './event-emitter.service... 导入 { EmitterService } ...

如何测试 Jasmine、Angular 中的声明[] 中从子级发送到父级的事件

我有一个很大的 .spec 文件，用作（我们称之为）MainComponent 的集成测试。声明包含多个子组件及其子组件。我担心...

何时在 Vue 发出名称中使用冒号？

所以，我试图理解别人编写的代码，但有一件事我还没有弄清楚。为什么要在发出名称中使用冒号？ 这是一个例子： this.$emit('更新：比较', { k...

REDIS/SPRING-BOOT：将对象（在我的例子中为 SseEmitter）作为存储在 Redis 中的对象的一部分

我遇到了问题，我正在尝试在 Redis 中存储 UserSSE （我的自定义类）的对象。该对象包含内部数据、id 和 SseEmitter。我真的需要 SseEmitter 来存储...

Node EventEmitter event.on() 在仅发出一次发射后触发两次

我有一个 VSCode 扩展（不涉及浏览器），我需要在其中管理会话分配。 我的 SessionManager 类中有以下代码片段： 私有事件 = new EventEmitter(); 私人

NODEJS：事件发射器代码在顶级代码之前执行

我刚刚开始探索 Node JS 事件驱动架构和事件循环，我从一些博客中了解到事件发射器进入事件循环，这应该是异步的，但是......

如何将布尔值从子组件传递到父组件，以便我可以使用该值来启用/禁用同级子组件？

我有这个父组件 -person.component.html 我有这个父组件 -person.component.html <div> <main> <address-list (addressPresent)="setPersonInfo($event)"></address-list> <company-list *ngIf="personInfo"></company-list> </main> </div> -地址列表.component.ts addressExists: boolean; @Output() addressPresent: EventEmitter<boolean> = new EventEmitter<boolean>(); updateAddress(value: boolean) { this.addressPresent.emit(value); } ngOnInit(): void { this.data(); } data(): void { ... ... this.personService.getPersonInfo(this.personId).subscribe((res => { ... this.updateAddress(res.body.personInfo); ... })) } -person.component.ts personInfo: boolean; setPersonInfo(value: boolean): void { this.personInfo = value; } 如何将布尔值从 address-list 组件传递到 person 组件，以便我可以使用它来启用或禁用 company-list 组件？ 当我将其记录在 undefined 中时，我完成的实现会返回 addressExists 变量的 ngOnInit() 值。 我不明白你在哪里设置addressExists。您可以在顶部将其定义为布尔值，但不要将其设置为任何值。所以它将是未定义的。 如果您正在使用服务，一个建议是在处理订阅的服务中只包含一个可观察对象。像这样： person.service.ts： @Injectable({ providedIn: 'root' }) export class PersonService { private personSelectedSource: Subject<boolean> = new Subject<boolean>(); personSelected$ = this.personSelectedSource.asObservable(); constructor() { } setPersonSelected(selected: boolean) { this.personSelectedSource.next(selected); } } 地址列表.component.ts： constructer(private personService: PersonService) { } // This would be your method that is called when a person/address is selected selectPerson(person: any) { this.personService.setPersonSelected(person == null ? false : true); } person.component.ts： constructor(private personService: PersonService) { } personInfo: boolean = false; ngOnInit(): void { this.personService.personSelected$.subscribe(selected => { this.personInfo = selected; }); }

使用发射器在 Vue3 组件之间交换数据并重定向到另一个路由

我的第一个 Vue3 组件有一个按钮。按下该按钮时，数据应发送到作为第二个组件的子组件的另一个组件。之后它应该被重定向到ano...

在node.js中的两个javascript文件之间发送和接收事件

我正在尝试使用 EventEmitter 在两个 javascript 文件之间进行通信，但我很难让它在两个方向上工作。 我有 server.js： 让 api = require('./api') // 不起作用 ...

Vue 应用程序中有一些（但不是每个）emit 函数有效

我有一个组件可以发出函数。 emit 事件在一个函数中起作用，但不会在下一个函数中触发。第二个函数 handleEmit 如下所示。其中两个功能不适合...

是否可以为普通的 JavaScript 数组对象实现“addEventListener”类型的功能？

我正在用 JS 开发一个可视化库，想知道这样的事情是否可行？ const my_arr = []; my_arr.addEventListener('push', (item) => { console.log(`${item} 是 ...

限制从 EventEmitter3 发出

与接受的答案相关：https://stackoverflow.com/a/63639280/17928771 EventEmitter3 是一个通用类，它采用（作为一个示例）事件/处理程序的接口。我正在尝试限制