[解決済み] 親コンポーネントのangular2呼び出し関数
2023-01-31 20:19:37
質問
私は、ファイルをアップロードすることができるアップロードコンポーネントを持っているアプリを持っています。このコンポーネントは
body.component
.
アップロード時には、関数(例えば
BodyComponent.thefunction()
) を使用する必要があります (データを更新するために呼び出しを行う)。ただし、親コンポーネントが特に
body.component
. アップロードはまた、異なる動作で他の場所で使用されるかもしれません。
のようなものです。
parent(this).thefunction()
のようなものですが、どうすればよいのでしょうか?
どのように解決するのですか?
子コンポーネントにカスタムイベントを作成するのです。このようなものです。
@Component({
selector: 'child-comp',
(...)
})
export class ChildComponent {
@Output()
uploaded = new EventEmitter<string>();
uploadComplete() {
this.uploaded.emit('complete');
}
親コンポーネントは、このイベントに登録することができます。
@Component({
template `
<child-comp (uploaded)="someMethod($event)"></child-comp>
`,
directives: [ ChildComponent ]
})
export class ParentComponent {
(...)
someMethod(event) {
}
}
もう一つの方法は、子コンポーネントに親コンポーネントを注入することですが、これらは強くリンクされることになります...。
関連
-
[解決済み】Delegation: AngularのEventEmitterまたはObservable
-
[解決済み】Angular2以上でファイルをダウンロードする方法
-
[解決済み] Angular2の変更検出:ネストされたオブジェクトに対してngOnChangesが発生しない
-
[解決済み] Angular 4/5/6 グローバル変数
-
[解決済み] Angular Materialでのデフォルトのソート - ヘッダーのソート
-
[解決済み] Angular v5からAngular v6にプロジェクトをアップグレードしたい。
-
[解決済み] angular-cli が HTTPS で ng serve するようにする。
-
[解決済み] Angular2 Tutorial (Tour of Heroes)です。モジュール 'angular2-in-memory-web-api' を見つけることができません。
-
[解決済み] ActivatedRoute(paramsなど)のobservableの購読を解除しなければならないのでしょうか?
-
[解決済み] mat-selectでデフォルトのオプションを設定する
最新
-
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からすべての検証エラーを取得する
-
[解決済み] dataSource' は 'table' の既知のプロパティではないので、バインドできません。
-
[解決済み] ルーターナビゲートで同じページのngOnInitを呼び出さない
-
[解決済み] angular4 / typescriptでdocument.getElementByIdの置き換え?
-
[解決済み] 文字列|ヌル'型の引数は、文字列'型のパラメータに代入できません。タイプ 'null' はタイプ 'string' に割り当てられません。
-
[解決済み] Angular2のテーブル行をコンポーネント化
-
[解決済み] 角度換算2
-
[解決済み] Angular 2 - ルーティング - ObservableでCanActivateする。
-
[解決済み] ng-forOf」は既知のネイティブプロパティではないため、バインドできない [重複] 。
-
[解決済み] Angularアプリケーションに複数のHTTPインターセプターを追加する