問題タブ [angular-event-emitter]

次のテンプレートを使用したレイアウト コンポーネントがあります。

router-outlet: app-sidebar での選択に応じて、さまざまな画面が表示されます。しかし、セクションで画面が完全にレンダリングされる前に、ロード画面を表示したいと思います。

私は ngx-loading https://github.com/Zak-C/ngx-loadingを使用しています。

助けてくださいどうすればいいですか？ユーザーがサイドバーをクリックしたときに画面からイベント エミッターを表示する方法。

私のレイアウトコンポーネント、

サイドバーからホームと呼ばれる1つのコンポーネントがあります。

私を助けてください

angular を学習していますが、問題があります。メイン コンポーネント内にコンポーネントがあり、イベントを発行したいのですが、エラーが発生します。これが私のコードです：

これは、このコンポーネントの HTML コードです。

app-rootcomponent html は次のとおりです。

しかし、「ゲームを開始」ボタンをクリックすると、添付の画像からエラーが発生します。

これはウィンドウであり、コンポーネントではないことに注意してください。私が間違っていることは何ですか？

一部のライブラリをカプセル化するコンポーネントがあります。このライブラリのすべてのイベント リスナーの変更検出の悪夢を回避するために、ライブラリは angular ゾーンの外側にスコープが設定されています。

それはすべて非常に明確で一般的です。次に、アクションを発行するイベントを追加しましょう。

問題は、このエミッターがゾーン外でトリガーされるため、変更検出をトリガーしないことです。その場合に可能なことは、ゾーンに再び入ることです。

最後に、私は質問に行きます。this.ngZone.run親コンポーネントでこのイベントをリッスンしていなくても、これにより変更検出が強制されます。

これは望ましくありません。なぜなら、私はそのイベントをサブスクライブしなかったためです => 検出するものは何もありません。

その問題の解決策は何ですか？

実際の例に興味がある人は、質問の起源はここにあります。

Angular6 Web アプリでチームのメンバーを更新しようとしています。チームから削除するメンバーを選択するためのモーダルを作成しました。次に、送信をクリックすると、サービスが呼び出され、データベースのチームから削除されます。それが成功した場合、コードはローカル メンバー アカウント リストからメンバーを削除し、更新されたリストを親コンポーネントに発行します。その後、チーム ページに戻りますが、削除されたメンバーがメンバー リストに表示されたままです。ページを更新すると、リストからメンバーが削除されますが、それはサーバーに別の呼び出しを行い、メンバー リストを再作成するためです。

これは Account クラスです。

子コンポーネント「remove-member.component」のボタンの html は次のとおりです。

子コンポーネントの typescript ファイルは次のとおりです。

関連する親コンポーネントの html は次のとおりです。

そして、ここに関連する親コンポーネントの typescript コードがあります

同様の質問で見つけた他のすべての投稿は、適切なコンポーネントセレクターを使用していなかったように、親コンポーネントと子コンポーネント間の単なる接続の問題であるように見えます.間違っています。ありがとうございました。

誰でもこのコードの何が問題なのかを見つけてください。イベントを appcomponent に戻せません

test1.component.html

test1.component.ts

app.component.html

app.component.ts

app.component.ts で応答が得られず、デバッガも得られません。