[解決済み] 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';
関連
-
[解決済み】Angularの@ViewChild()のエラーです。2つの引数を期待したが、1つを得た
-
[解決済み] コンポーネントクラスからテンプレート参照変数にアクセスする
-
[解決済み] 継承と依存性注入
-
[解決済み] タイプスクリプト タイプ X はタイプ Y の length、pop、push、concat、その他 26 のプロパティが欠落しています。[2740]
-
[解決済み] Angularで、コントロールが作成された後、FormControlにバリデータを追加する方法は?
-
[解決済み] angularで「タイプ 'EventEmitter' は一般的ではありません」ERROR。
-
[解決済み] Typescript におけるインターフェースとクラスの違い
-
[解決済み] Angular 4.3 - HttpClient set params
-
[解決済み] Angular2で生のhtmlをバインドする方法 [重複]。
-
[解決済み] Angularアプリケーションに複数のHTTPインターセプターを追加する
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] Angular 2のFormGroupからすべての検証エラーを取得する
-
[解決済み] Karma/Jasmineのテストで「[object ErrorEvent] thrown」エラーが発生した場合、どのようにデバッグすればよいですか?
-
[解決済み] Reactive Forms - フィールドをタッチしたものとしてマークする
-
[解決済み] angular-cli server - APIリクエストを別のサーバーにプロキシする方法は?
-
[解決済み] Typescript におけるインターフェースとクラスの違い
-
[解決済み] Angular cli - ng serve時の自動リロードを無効にする方法
-
[解決済み] aria-valuenow' は 'div' の既知のプロパティではないため、バインドできません。
-
[解決済み] Angular Material 2 ネストされたオブジェクトによるデータテーブルのソート
-
[解決済み] angular 4 ユニットテストエラー `TypeError: ctor is not a constructor`.
-
[解決済み] Angular2 RC5:「Property X」が「Child Component」の既知のプロパティではないため、「Property X」にバインドできない