typescript - Angular EventEmitter Erro: Esperado 0 argumentos de tipo, mas recebeu 1
Estou recebendo o erro de tipo, "Esperado 0 argumentos de tipo, mas recebi 1" apesar de seguir este tutorial à risca. https://youtu.be/I317BhehZKM?t=57s
Eu especifiquei:
newUserInfoComplete:boolean = false
ainda assim estou recebendo o erro especificado acima em <boolean> nesta linha:
@Output() newUserInfoCompleteEvent = new EventEmitter <boolean> ();
Além disso, se eu simplesmente omitir <boolean>, recebo este erro:
Argument of type 'boolean' is not assignable to parameter of type 'string'.
e this.NewUserInfoComplete está sublinhado aqui:
this.newUserInfoCompleteEvent.emit(this.newUserInfoComplete);
Aqui está meu componente:
import { Component, OnInit, Output } from '@angular/core';
import { slideToRight } from '../../../../router.animations';
import { Router, ActivatedRoute, UrlSegment } from '@angular/router';
import { EventEmitter } from 'protractor';
@Component({
selector: 'app-new-user-input',
templateUrl: './new-user-input.component.html',
styleUrls: ['./new-user-input.component.css'],
animations: [slideToRight()]
})
export class NewUserInputComponent implements OnInit {
newUserInfoComplete:boolean = false
@Output() newUserInfoCompleteEvent = new EventEmitter <boolean> ();
constructor(private router: Router, r: ActivatedRoute) {
r.url.subscribe((s: UrlSegment[]) => {
console.log("url", s); //https://vsavkin.com/angular-router-understanding-router-state-7b5b95a12eab
});
}
ngOnInit() {
}
sendNewUserInfoComplete(){
this.newUserInfoCompleteEvent.emit(this.newUserInfoComplete);
}
displaySibling() {
console.log(this.router);
this.router.navigate(['../', { outlets: { newuserorginfo: ['newuserorginfo'] } }])
}
closeBlade() {
this.router.navigate([{ outlets: { newuserinput: null } }]);
}
}
Resposta #1
Tente importar EventEmitter de @angular/core em vez de de protractor:
import { Component, OnInit, Output, EventEmitter } from '@angular/core';
Resposta #2
Esqueci de verificar meus imports! Droga. Eu estava usando o event emitter do PROTRACTOR e não o Event Emitter do Angular core
import { EventEmitter } from '@angular/core';
import { Component, OnInit, Output } from '@angular/core';
import { slideToRight } from '../../../../router.animations';
import { Router, ActivatedRoute, UrlSegment } from '@angular/router';
@Component({
selector: 'app-new-user-input',
templateUrl: './new-user-input.component.html',
styleUrls: ['./new-user-input.component.css'],
animations: [slideToRight()]
})
export class NewUserInputComponent implements OnInit {
newUserInfoComplete = false;
@Output() newUserInfoCompleteEvent = new EventEmitter<boolean>();
constructor(private router: Router, r: ActivatedRoute) {
r.url.subscribe((s: UrlSegment[]) => {
console.log("url", s); //https://vsavkin.com/angular-router-understanding-router-state-7b5b95a12eab
});
}
ngOnInit() {
}
sendNewUserInfoComplete() {
this.newUserInfoCompleteEvent.emit(this.newUserInfoComplete);
}
displaySibling() {
console.log(this.router);
this.router.navigate(['../', { outlets: { newuserorginfo: ['newuserorginfo'] } }])
}
closeBlade() {
this.router.navigate([{ outlets: { newuserinput: null } }]);
}
}
