I encountered an unexpected type error stating, "Expected 0 type arguments, but got 1," despite closely following a tutorial. https://youtu.be/I317BhehZKM?t=57s
The specified code snippet is as follows:
newUserInfoComplete:boolean = false
The error occurs at <boolean> in this line:
@Output() newUserInfoCompleteEvent = new EventEmitter <boolean> ();
If I remove <boolean>, a different error arises:
Argument of type 'boolean' is not assignable to parameter of type 'string'.
Furthermore, 'this.NewUserInfoComplete' is highlighted in the subsequent code block:
this.newUserInfoCompleteEvent.emit(this.newUserInfoComplete);
Below is the component in question:
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 } }]);
}
}