Angular:测试是否执行了EventEmitter订阅回调
Angular是一种流行的前端开发框架，用于构建单页面应用程序。它使用TypeScript编写，并提供了丰富的功能和工具，使开发人员能够快速构建高性能的Web应用程序。
在Angular中，EventEmitter是一个用于在组件之间进行通信的重要工具。它允许组件发送和接收自定义事件，并且常用于实现父子组件之间的数据传递。
要测试是否执行了EventEmitter订阅回调，可以使用Angular的测试工具和技术。以下是一种可能的测试方法：
- 创建一个测试用例，并导入所需的测试工具和组件：
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { MyComponent } from './my.component';
describe('MyComponent', () => {
let component: MyComponent;
let fixture: ComponentFixture<MyComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
declarations: [ MyComponent ]
})
.compileComponents();
});
beforeEach(() => {
fixture = TestBed.createComponent(MyComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
// 测试代码将放在这里
});- 在测试用例中，编写一个测试来验证EventEmitter订阅回调是否被执行：
it('should execute the EventEmitter subscription callback', () => {
// 创建一个spy来监视EventEmitter的订阅回调
const callbackSpy = spyOn(component.myEvent, 'subscribe');
// 执行一些操作，导致EventEmitter触发订阅回调
// 例如，调用一个方法或模拟用户交互
// 断言订阅回调已被执行
expect(callbackSpy).toHaveBeenCalled();
});在上述测试中，我们创建了一个spy来监视EventEmitter的订阅回调。然后，我们执行一些操作，以触发EventEmitter的订阅回调。最后，我们使用toHaveBeenCalled断言来验证订阅回调是否已被执行。
这只是一个简单的示例，你可以根据具体情况进行更复杂的测试。在实际开发中，你可能还需要模拟一些事件或使用其他测试工具来验证EventEmitter的行为。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，用于部署和运行Angular应用程序。
- 腾讯云云数据库MySQL版：提供高性能、可扩展的MySQL数据库服务，适用于存储Angular应用程序的数据。
- 腾讯云对象存储（COS）：提供安全、可靠的对象存储服务，用于存储和管理Angular应用程序中的静态资源文件。
- 腾讯云CDN加速：提供全球覆盖的内容分发网络服务，用于加速Angular应用程序的访问速度。
- 腾讯云人工智能：提供丰富的人工智能服务，可用于在Angular应用程序中集成人工智能功能。
请注意，以上推荐的产品和链接仅供参考，具体选择应根据实际需求和项目要求进行评估。
相关·内容
我有一个事件发射器testEvent。testEvent有一个管道链，在这个链中抛出了一个错误。但我也在链中的两个地方捕捉到了错误。尽管如此，我的testEvent还是会自动退订。
有人能解释一下原因吗？
import { Component, EventEmitter } from '@angular/core';
import {map} from 'rxjs/operators';
import {catchError, switchMap} from 'rxjs/internal/operators';
import {forkJoin
浏览 0提问于2019-08-22得票数 3
2回答
对可观测员额的解释
setup.component.ts
import { Component, EventEmitter, OnInit, Output } from '@angular/core';
import { FormGroup, FormBuilder, Validators } from '@angular/forms';
import { Post } from './model/post';
import { PostService } from './service/post.service';
@Com
浏览 0提问于2017-07-13得票数 2
回答已采纳
如果我们有一个动态(动态创建，而不是以声明方式创建) ComponentRef实例，并且我们在实例上调用了destroy()，那么它会不会对订阅的EventEmitter实例不附加任何订阅。
例如，如果我们是一个output EventEmitter，并且像这样订阅它：
this.componentRef.instance.output.subscribe(event => console.log(event));
我们称之为componentRef.destroy()，它负责取消对output EventEmitter的订阅。
载有答案的摘要条款
浏览 1提问于2019-01-11得票数 0
回答已采纳
2回答
我有个服务：
import { EventEmitter, Injectable } from '@angular/core';
@Injectable()
export class PingOnActionListenerService {
removingListener = new EventEmitter();
removeListener(): void {
this.removingListener.emit();
}
在组件A处，我称之为服务：
this._pingOnActionListenerService.remo
浏览 0提问于2018-08-31得票数 3
回答已采纳
我有3个组件1. LeftMenuComponent 2. AppComponent 3. SummeryComponent
另外，我有两个服务，一个用于rest调用，另一个用于共享组件的数据。(RestService，ComponentService)
在选择时，我从LeftMenuComponent调用的loadService()函数和调用emit的列表包含来自服务summeryComponent的函数。订阅emit服务来提取数据并发出数据。
一切正常，但我必须点击两次。我需要数据是变化和反映在夏季组件在一次点击。
我尝试使用rxjs/订阅，但结果是相同的。
Left-memu-compo
浏览 0提问于2019-05-22得票数 1
回答已采纳
我创建了一个服务，用于在调用drawPoll()函数之前需要进行的一些操作。我添加了控制台日志来跟踪执行顺序，并且无法理解为什么链接到.then()的函数会在承诺中的forEach迭代完成之前执行。创建服务和在承诺中包装forEach操作的全部意义在于，我完全可以肯定，在调用drawPoll()函数之前，forEach迭代已经完成。我在这里错过了什么？
poll.component.ts
import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
import * as Char
浏览 0提问于2019-04-12得票数 0
在Angular网站上，他们有一个使用@Output() onVoted = new EventEmitter<boolean>();的父和子组件相互交谈的例子。见下文。
在这个给定的示例中，您是否需要从EventEmitter中取消订阅以防止内存泄漏/膨胀？或者框架会帮你解决这个问题吗？
component-interaction/src/app/voter.component.ts
import { Component, EventEmitter, Input, Output } from '@angular/core';
@Component({
sel
浏览 0提问于2018-02-13得票数 15
回答已采纳
1回答
我试图调用递归@Input装饰器生成的函数。问题是，(click)事件不影响孩子。只有父元素单击“发射事件”。
import { Component, Input, Output, EventEmitter } from '@angular/core';
import {AdminCategory} from './admin-category.component'
@Component({
selector: 'categories',
template: `
<div *ngFor="let cat of c
浏览 0提问于2018-04-25得票数 0
回答已采纳
我在一个组件中设置了这两个。
cards$: EventEmitter<any> = new EventEmitter();
private cards: Array<Cards>;
运行下面的http.get时，如何触发cards$.emit(this.cards)；
this.cards = [];
http.get('http://myendpoint')
.map((res: Response) => res.json()).subscribe(res => {this.cards = res };
浏览 2提问于2016-01-26得票数 1
1回答
是否可以在EventEmitter或TypeScript中提供异步回调？
someEmitter.on("anEvent", async () => console.log("hello"));
这会导致函数异步运行吗？如果是这样，为什么不在EventEmitter上使用异步函数呢？
浏览 1提问于2017-12-03得票数 1
我已经使用pubnub在Ionic3中实现了chat。用于群聊的组chat.the通道的工作效率为"group1-ch“。我在这里添加了我的代码。我在开发一对一聊天时遇到了一些困难。
PubnubService
import {Injectable, EventEmitter} from '@angular/core';
declare var PUBNUB;
type OnMessageFn = (message, envelope, channelOrGroup, time, channel) => void;
export enum PubNubEvent
浏览 1提问于2018-01-04得票数 3
1回答
我正在阅读这篇文章：
下面这段代码是异步的吗？
var event = new events.EventEmitter();
event.on("done", cb);
浏览 0提问于2017-09-20得票数 1
我有一个Range2应用程序，我今天将它从beta1升级到beta16。它在beta1上运行得很好，但在16上就不行了。
angular2.dev.js:24821 TypeError: Cannot read property 'subscribe' of undefined
at AppView._View_ApplicationForm0.createInternal (ApplicationForm.template.js:825)
at AppView.create (angular2.dev.js:22641)
at AppView._Vie
浏览 2提问于2016-04-29得票数 1
回答已采纳
1回答
我遇到了一个我不明白的问题。我发出的事件在我的测试中没有被捕获。下面是以下代码(event.js)：
var util = require('util'),
proc = require('child_process'),
EventEmitter = require('events').EventEmitter;
var Event = function() {
var _self = this;
proc.exec('ls -l', function(error, stdout, stderr
浏览 0提问于2013-08-09得票数 1
回答已采纳
1回答
我对Jasmine并不熟悉，我正在尝试编写一个简单的单元测试，以检查我的方法是否返回预期的值。下面是我的角度应用程序中的方法：
saveEvent(techEvent): Observable<IEvent>{
let headers = new Headers({ 'Content-Type': 'application/json'})
let options = new RequestOptions({headers: headers})
return this.http.post('/
浏览 3提问于2017-08-08得票数 2
回答已采纳
我正在动态创建一个component，并订阅它的一个@Ouput EventEmitter。
相关代码：
动态组件：
export class DynamicComponent implements OnInit {
@Output() results: EventEmitter<any> = new EventEmitter<any>();
...
}
父组件：
private loadDynamicComponent(): void {
const componentFactory = this.factoryResolver.resolveC
浏览 2提问于2017-04-21得票数 0
我正在使用Angular 5和SignalR构建一个应用程序。我创建了一个管理集线器的服务，每当有事件从服务器传入时，它都会将值放入BehaviorSubject私有变量中。有一个只读属性，它应该输出我可以从组件订阅的可观察对象。
在组件中，我已经订阅了服务的Observable，但它仍然不会在属性更新时更新。
我知道"test“属性正在更新，因为我必须告诉我，我从服务器收到了配置。
有没有人能指出我可能遗漏了什么，或者不完全理解Angular句柄是如何改变检测的，或者我是如何破坏它的？
服务：
import { Injectable, Input, Output, EventEmit
浏览 1提问于2018-01-30得票数 5
在我读过的一些关于Angular observables的教程和文档中，我看到了很多关于取消订阅订阅会导致内存泄漏的警告(除非在组件的模板中使用异步管道)。 我在我的应用程序中有一些支持类，我在其中创建自定义观察点，但我想知道，如果观察点和所有订阅者都超出范围，取消订阅它们是否重要。例如，我有一个父类，它包含数组中的子对象的映射。父级为每个子级订阅一个observable，以检测" value“属性的变化，并且每当子级更改其值时，父级都会重新计算它的”total“属性。 然后假设父对象超出了作用域，通常只要没有任何子对象的活动引用挂起，父对象和所有子对象就会被垃圾回收。父级是否有必要
浏览 40提问于2020-04-14得票数 0
回答已采纳
我试图让一个简单的聊天应用程序运行，使用PubNub和pubnub角。当我试图调用Pubnub.subscribe()时，我会得到一个Missing Callback错误，它引用了pubnub.min.js中的第1行。
事情似乎已经安排好了：
app.js：
angular
.module('pnChatApp', [
'ngResource',
'ngRoute',
'pubnub.angular.service'
])
.config(function($routeProvider) {
$ro
浏览 2提问于2016-06-03得票数 1
回答已采纳
1回答
假设我有这样一个简单的组件：
@Component({
selector: 'my-test',
template: '<div></div>'
})
export class test {
@Output selected: EventEmitter<string> = new EventEmitter<string>();
public onSelect(event: any) {
this.selected.emit(event.data);
}
}
测试它的最佳方法是什么？
浏览 0提问于2018-03-04得票数 2
回答已采纳
我跟随下面这篇文章，并试图在与ngModel和ngControl集成的Range2中实现一个自定义控件。
文章：
但我很难弄清楚如何在发布事件时获得更新的模型值。在事件更新之前，它似乎使用了该模型。
下面是一个举个例子的柱塞：
我做错了什么？
main.ts
import {bootstrap} from '@angular/platform-browser-dynamic';
import {App} from './app';
bootstrap(App, [])
.catch(err => console.error(err));
ap
浏览 4提问于2016-05-16得票数 2
回答已采纳
我使用以下代码：
TS:
import { Component, ElementRef, ViewChild, OnInit, Output, EventEmitter, ViewEncapsulation, Renderer, NgZone } from '@angular/core';
import { Location } from '@angular/common';
import { Router } from '@angular/router';
import { RbiCuiService } from './rbiCui.
浏览 5提问于2020-10-13得票数 0
回答已采纳
2回答
我有一个问题，从一个承诺切换到可在Angular2中观察到的http。我有两个方法getEmployees()和getEmployee(id:number)。
我成功地切换了getEmployees()，但是在尝试切换getEmployee(id:number)时，我得到了各种错误消息(类型上不存在过滤器)
原版- Service.ts
getEmployee(id: number) {
return Promise.resolve(EMPLOYEES).then(
employees => employees.filter(employee => empl
浏览 0提问于2016-06-09得票数 0
回答已采纳
请帮帮我当我尝试发出http请求时出现此错误
这是我创建的服务：
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
@Injectable({
providedIn: 'root'
})
export class EmployeeService {
private _url: string = "/assets/data/employee.json";
constructor(pri
浏览 16提问于2018-06-02得票数 1
在组件的ngOnInit方法中，@Input值将被绑定，因此您可以检查组件上的那些属性，但是似乎没有检查@Output事件绑定的方法。我想知道@Output是否连接在组件上。
(使用角和TypeScript)
import {Component, Output, EventEmitter} from '@angular/core';
@Component({
selector: 'sample',
template: `<p>a sample</p>`
})
export class SampleComponent {
浏览 12提问于2015-10-30得票数 55
回答已采纳
1回答
if __name__ == '__main__':
rospy.init_node('gray')
settings = termios.tcgetattr(sys.stdin)
pub = rospy.Publisher('cmd_vel', Twist, queue_size=1)
x = 0
th = 0
node = Gray()
node.main()
主要实现了发布器(Cmd_vel)的灰度化，并运行了类的主函数。
def __init__(self):
se
浏览 8提问于2019-11-26得票数 0
回答已采纳
当您使用Node的EventEmitter时，您订阅了单个事件。只有在触发特定事件时才执行回调：
eventBus.on('some-event', function(data){
// data is specific to 'some-event'
});
在Flux中，您向dispatcher注册您的存储，然后在分派每个事件时调用您的存储。商店的工作是过滤它得到的每一个事件，并确定事件对商店是否重要：
eventBus.register(function(data){
switch(data.type){
case 'som
浏览 5提问于2015-06-20得票数 9
回答已采纳
我正在尝试使用PactJS来测试我的一些Angular服务。我使用的是：
"@pact-foundation/karma-pact": "^2.1.1",
"pact": "^4.2.1",
"pact-web": "^4.2.1",
我无法让测试成功运行。如果不使用异步，订阅回调永远不会命中，如果我使用异步，那么Pact就会失败。这是我的代码：
import { TestBed, async, inject } from '@angular/core/testing';
impor
浏览 0提问于2017-11-13得票数 3
2回答
我是Node.JS新手，我开始阅读关于Node.js事件处理和并发的几个主题。
后面的代码会触发1000次事件，该事件通过递增全局变量来处理。第一位代码成功计数到1000，但第二位甚至没有增加到2。有什么原子性我不知道吗？
我仍然想知道为什么下面的代码提供了一个连贯的输出(它成功地计数到1000而不存在任何并发性)：
// Import events module
var events = require('events');
// Event emitter
var eventEmitter = new events.EventEmitter();
var max = 1
浏览 0提问于2017-08-21得票数 1
回答已采纳
1回答
事件未发出。
、、
目前我正在使用Angular4。现在我有麻烦了。我有这个HeaderService来更改HeaderComponent中的标题
import {EventEmitter, Injectable, Output} from "@angular/core";
@Injectable()
export class HeaderService {
@Output()
public fire: EventEmitter<String> = new EventEmitter();
constructor() {
}
public
浏览 1提问于2017-06-04得票数 0
回答已采纳
1回答
我正试着用角测试以下组件，特别是驻留在eventEmitter上的userService。
import { Component, OnInit, OnDestroy } from '@angular/core';
import { RegisterUser } from 'src/app/classes/register-user';
import { ToastController } from '@ionic/angular';
import { UserService } from 'src/app/services/user.s
浏览 2提问于2019-12-10得票数 0
回答已采纳
3回答
输入与输出事件绑定
、、、、
我正在寻找一个关于为什么在事件中使用@Output比在角2+中传递@Input函数更好的论点。
使用@Input**:**的
父模板：
<my-component [customEventFunction]=myFunction></my-component>
内部父组件：
myFunction = () => {
console.log("Hello world")
}
在我的组件里面。
@Input() customEventFunction: Function;
someFunctionThatTriggersTheEvent() {
浏览 5提问于2017-12-19得票数 5
回答已采纳
我正在学习节点js中的新概念，即事件，但我找不到我应该在哪里使用它，我想要任何真实的场景，我找不到任何关于这方面的文章或博客。
var events = require('events');
var eventEmitter = new events.EventEmitter();
//Create an event handler:
var myEventHandler = function () {
console.log('I hear a scream!');
}
//Assign the event handler to an event:
e
浏览 1提问于2017-10-30得票数 3
我有一个带有延迟加载模块的应用程序。
在一个特定的延迟加载模块中，我有一个父组件，它有router-outlet。
在这个父组件中，我有一个按钮，它使用共享服务(在延迟加载的模块上提供)发出一个事件。
每个子组件(在router-outlet中加载)都使用相同的共享服务订阅该事件！
我试图在下面的中使用英雄演示重新创建我的用例。
打开Dev工具来查看console消息。
单击Heroes链接(默认情况下应该选择它)。
单击列表中的“英雄”项目。
单击Admin链接。
单击Emit Test按钮(右上角导航)
您将看到-in控制台-该事件是由两个组件接收的，甚至两个组件都
浏览 7提问于2016-11-06得票数 5
回答已采纳
我能够连接到我的集线器，并且我已经连接上了OnConnected和OnDisconnected。它们应该从整数中加/减，并用新值调用客户端回调。我的angular应用程序正在成功地连接到服务器，但是我注册的回调函数没有被触发。
这是我的Serverhub：
[HubName("online")]
public class OnlineHub : Hub
{
private static int userCount = 0;
public override Task OnConnected()
{
userCount++;
浏览 4提问于2018-10-10得票数 0
2回答
我使用了嵌套在同一组件中的组件。当我更改父组件附加函数中的复选框时，调用正确且事件发射器工作正常，但当我更改子复选框时，附加函数被触发，但事件发射器不可用(据我所知，事件发射器与子函数没有绑定)。我想在更改子复选框时发出数据。
如果有人知道答案，请帮助我解决这个问题。使用嵌套在同一组件中的组件的术语是什么？
谢谢你
这是stackblitz链接 (请检查控制台)
tree.component.ts
import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
@Component
浏览 2提问于2020-05-29得票数 3
在我的angular2-Application内的SignalR-Service中，当我从服务器收到一个事件时，我想广播一个事件。
@Injectable() export class SignalRService {
//...
private emitMe: EventEmitter<any>;
constructor() {
this.emitMe = new EventEmitter();
this.connection = jQuery.hubConnection(".../signalr/");
浏览 0提问于2016-01-18得票数 3
我有以下角度测试：
it('should pass', fakeAsync(() => {
let a;
const eventEmitter1 = of('A');
eventEmitter1.subscribe(v => a = v);
let b;
const eventEmitter2 = new EventEmitter();
eventEmitter2.emit('B');
eventEmitter2.subscribe(v =>
浏览 5提问于2020-01-30得票数 0
回答已采纳
我使用meteor+angular，我发布了一些数据，我已经订阅了它，但是当我console.log它时，结果是[]。
这是我在mongodb中的数据
meteor:PRIMARY> db.site.find()
{ "_id" : "5wGu3EcSis9GJGmkf", "name" : "cc", "age" : 12 }
{ "_id" : "jEboHgEF4Hvp5rpg7", "name" : "bob", "age"
浏览 3提问于2015-07-09得票数 2
我用角度实现了auth保护，但我没有访问本地存储或cookie来检查用户是否经过身份验证，而是有一个API端点，如果存在一个仅包含附加到请求的JWT的httponly cookie，则返回200 OK，否则将返回401 Unauthorized。
这是我尝试过的
// auth.service.ts
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
@Injectable({
providedIn: 'root
浏览 4提问于2022-07-06得票数 1
回答已采纳
我创造了一个柱塞。结构:我有一个app.ts和一个buttons.component。单击buttons.component时，我要将数据传递给app.ts，并将数据从app.ts传递到使用数据的cats组件。因此，我基本上能够上升到父级，而不是沿着其他文件路径。
我被卡住了，因为我无法将数据从cat组件传递到app.ts，因为cat组件是动态生成的。
这是猫组件：
import {Component, Injector, View, Output, EventEmitter } from '@angular/core';
@Component({
selector:
浏览 3提问于2017-04-04得票数 0
回答已采纳
2回答
测试可见物体角度2的业力
、、、、
我正在使用Karma处理我的Angular 2的单元测试用例，我被一个函数卡住了，在这个函数中，我运行了以下代码的测试
expect(component.subscribeToEvents()).toBeTruthy();
我查看了我的覆盖率代码，测试文件中的行似乎没有覆盖订阅中的任何内容。我曾尝试使用MockBackend模拟服务上的函数内部的api调用，但我不确定如何在订阅的对象上执行模拟，有人能帮助我吗？
下面是test.component.ts格式
subscribeToEvents() {
this.subscription = this.czData.$selectedColorZ
浏览 0提问于2016-12-21得票数 6
这更像是一个问题，而不是解决一个问题。
我想知道是否有“成功”和“错误”都不会触发的情况。
对"/logout"的post调用将产生带有空响应体的Http状态返回代码200，这是预期的。
import { httpClient } from angular/common/http;
private http: HttpClient;
this.http.post<any>('/logout', {})
.subscribe(
() => {
console.log("Logout");
浏览 6提问于2021-11-08得票数 2
回答已采纳
我正在尝试在angular 2中执行一个请求。我对该http请求只有很少的订阅，我希望在所有订阅完成后能够执行一个函数。
根据rxjs文档，subscribeOnCompleted是我想要的函数，但由于某种原因，我的方法未定义。有人知道为什么吗？
这就是代码：
class MyHttp extends SomeExternalLibClassThatExtendHttp {
request(url....) {
...
...
return super.request(..)
.subscribeOnCompleted(res => res.json); <-
浏览 4提问于2016-03-22得票数 1
angular2 rc1
是否可能有这样的组件：
export class MyComp {
@Output() myEvent = new EventEmitter(false)
ngOnDestroy() {
this.myEvent.emit('ngOnDestroy hook');
}
}
并在父母那里捕捉到它：
<myComp (myEvent)="test($event)"></myComp>
这似乎是不可能的，但我想知道为什么？
我知道我可以用服务来穿行。
浏览 1提问于2016-06-03得票数 1
回答已采纳
1回答
我在试着看看孩子是否存在。所以我创建了一个新的Firebase列表。我还尝试了object observable。在创建可观察对象之后，我检查它是否存在。但它总是以错误告终。
数据库结构：
{Rooms:[
{0:
{name:ok}
},
{1:
{name:second}
}
]}
Angular2代码：
isRoom(num){
let isRoom: boolean;
var Exists:FirebaseListObservable<any[]>;
Exists=AngularFire.data
浏览 0提问于2016-12-13得票数 2
我正在接收来自http请求的一些数据，我希望通过@Output和EventEmitter中继到父组件。我的目标是在子组件中创建一个新项，在它成功地存储在后端之后，追加在后端创建的Id，将其附加到frontEnd中的项中，最后将其添加到父视图中。
我尝试从this.newItem.emit()回调和.onComplete()内部调用.onComplete(Item)，以及我们onNext()。在所有情况下，除了在.subscribe()块之后发出项外，父组件中没有捕获该事件。
child.ts
/* */
@Output() newItemEmitter= new EventEmitter();
浏览 1提问于2019-05-07得票数 0
2回答
对于返回错误返回而不是正确返回的函数，我有一个问题。
型号：
export module AbsModule {
export class AbsModul{
abs: string;
state: boolean;
}
}
import { Injectable } from '@angular/core';
import { HttpClient, HttpHeaders } from '@angular/common/http';
import { environment } from '..
浏览 5提问于2021-02-20得票数 1
回答已采纳
2回答
使用jest模拟自定义事件发射器
、、、、
我想断言从EventEmitter类发出的emit是使用Jest使用特定的参数调用的。我有一个单独的文件，我在其中创建了一个要使用的eventEmitter实例，在另一个类上，我导入了它，并在某个时候发出了事件。 // commonEmitter.ts
const events = require('events');
export const commonEmitter = new events.EventEmitter();
// class.ts
import { commonEmitter } from (..)
export class MyClass {
浏览 24提问于2020-01-29得票数 5
2回答
是否可以像等待ajax调用()那样等待Angular EventEmitter发出？
我想做的是：
具有子组件
@Component({
template: '<button (click)="emit1()">emit</button>'
})
export class ChildComponent {
@Output() dataChanged: EventEmitter<number> = new EventEmitter<number>(true); // synchronous
emit1
浏览 1提问于2020-06-08得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
