Angular 4 子コンポーネントで親メソッドを呼び出す
2023-07-11 04:03:29
質問
Angular 4で子コンポーネントで親メソッド(deletePhone)を呼び出したいです。 どのように私はそれを適切に行うことができますか?
私の親コンポーネントは次のようになります。
export class ContactInfo implements OnInit {
phoneForm: FormGroup;
phones: Phone[];
constructor(private fb: FormBuilder,
private userService: UserService) {
}
ngOnInit() {
this.userService.getDataPhones().subscribe(
phones => {
this.phones = phones;
});
this.phoneForm = this.fb.group({
phone: ['', [Validators.pattern(PHONE_PATTERN)]]
});
}
deletePhone(phone: Phone) {
this.userService.deleteUserPhone(phone)
.subscribe(res => {
let index = this.phones.indexOf(phone);
if (index > -1) {
this.phones.splice(index, 1);
}
});
}
}
どのように解決するのですか?
import { Output, EventEmitter } from '@angular/core';
...
class ChildComponent {
@Output() someEvent = new EventEmitter<string>();
callParent(): void {
this.someEvent.next('somePhone');
}
}
で
ContactInfo
のテンプレート
<child-component (someEvent)="deletePhone($event)"
関連
-
[解決済み] Angular HTMLバインディング
-
[解決済み] Angularの@Directiveと@Componentの比較
-
[解決済み】親クラスから子コンポーネントのメソッドを呼び出す - Angular
-
[解決済み] Angular2でNgForがPipeでデータを更新しない。
-
[解決済み] ng2 - ng-containerタグとng-templateタグの違い
-
[解決済み] angular4 / typescriptでdocument.getElementByIdの置き換え?
-
[解決済み] ng-forOf」は既知のネイティブプロパティではないため、バインドできない [重複] 。
-
[解決済み] Angular - ngForの中のngIfの中のパラメータを持つng-template [重複]。
-
[解決済み] Angular2 ルーターがクエリ文字列を保持する
-
[解決済み] Angular2で複数のルートパラメータを渡す
最新
-
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におけるEventEmitter.next()とEventEmitter.emit()の相違点
-
[解決済み] formControlNameとFormControlの違いは何ですか?
-
[解決済み] 簡単なパイプで小数点以下2桁に制限する
-
[解決済み] Angular 2で入力タグのファイルタイプで選択されたファイルをリセットする方法は?
-
[解決済み] FormGroupから単一の値を取得する方法
-
[解決済み] Angular2 DIRECTIVEは要素の既知のプロパティではないので、バインドできません。
-
[解決済み] AngularでFormGroupに動的にaddControlを追加する
-
[解決済み] Angular 2で送信後にフォームをクリアするには?
-
[解決済み] エラー TS1192: モジュール '" A.module"' はデフォルトのエクスポートがありません。
-
[解決済み] Angular 2 コンポーネントコンストラクタとOnInitの比較 [重複]。