未処理の約束拒否：セレクタ「ダイアログの概要 - 例 - ダイアログ」は、任意の要素と一致しませんでした

Question

問題は、この例では、セレクタがあり、ある角度素材でmat-dialoghere

を使用した例があります「ダイアログ・コンテンツの例-ダイアログ」が使用されることはありませんし、その結果として、私はコンソールでこのエラーを参照してください。

Unhandled Promise rejection: The selector "dialog-overview-example-dialog" did not match any elements ; Zone: <root> ; Task: Promise.then ; Value: Error: The selector "dialog-overview-example-dialog" did not match any elements

私はHTMLにそのセレクターを追加した場合、私はこのエラーが発生します。

"Unhandled Promise rejection: StaticInjectorError[MatDialogRef]: StaticInjectorError[MatDialogRef]: NullInjectorError: No provider for MatDialogRef!

ご協力いただければ幸いです！

Answer 1

私は解決策を得ました！その例で

、彼らは次のようにmain.tsにbootstrapにDialogResultExampleDialogを追加しました：

bootstrap: [DialogResultExample, DialogResultExampleDialog]

が、解決策は以下のとおりです。

bootstrap: [DialogResultExample], 
entryComponents: [DialogResultExampleDialog] 

、それはどのコンソールエラーなしで非常によく動作します。