1
コンポーネントを引数として取り込み、bodyタグの最後にそのコンテンツをレンダリングするプラグインを作成しようとしています。 jQueryで動作するプラグインと似ています。Angular2 - 要求に応じてコンポーネントをレンダリングしてボディに追加する
@Component({
selector: 'some-selector',
template: 'This is FirstComponent'
})
class FirstComponent{}
@Component({
selector: 'app',
template: 'The root component'
})
class AppComponent{
// ImaginaryModalOpener is what i want to achieve.
// a standalone function that can take a component and render it in dom
// at the bottom of the body tag
ImaginaryModalOpener(FirstComponent);
}
ダイナミックコンポーネントのレンダリングに関する多くのstackoverflowに関する質問がありましたが、ルートコンポーネントでディレクティブやHTMLマークアップを使用して始めます。 私の場合、ルートテンプレートにはImaginaryModalOpener用のディレクティブまたはコンポーネントがありません。
私が何かを見逃してしまったことを指摘してください。
[回答]（https://stackoverflow.com/a/44853707/2545680）は解決策を提供するはずですが、コンテナrefを表示するのではなく、直接DOMノードを使用してコンポーネントを挿入します –