1. ホーム
  2. angular

[解決済み] Angular EventEmitter Error: 0個の型引数を期待したが、1個だった

2023-04-18 21:05:26

質問

このチュートリアルに忠実に実行したにもかかわらず、"Expected 0 type arguments, but got 1" というタイプエラーが発生しました。 https://youtu.be/I317BhehZKM?t=57s

指定しました。

  newUserInfoComplete:boolean = false

で、上記のようなエラーが発生します。 <boolean> をこの行の中に入れてください。

  @Output() newUserInfoCompleteEvent = new EventEmitter <boolean> ();

また、単純に <boolean> このエラーが出ます。

Argument of type 'boolean' is not assignable to parameter of type 'string'.

で、this.NewUserInfoCompleteに下線が引かれているのは、ここです。

this.newUserInfoCompleteEvent.emit(this.newUserInfoComplete);

これが私のコンポーネントです。

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 } }]);
  }

}

どのように解決するのですか?

インポートする EventEmitter の代わりにAngularから protractor :

import { Component, OnInit, Output, EventEmitter } from '@angular/core';