問題タブ [ng-content]

親コンポーネント (app.component.html):

子コンポーネント (course-card.component.html):

上記の例を実行すると、子コンポーネントの 2 つのワイルドカード<ng-content></ng-content>(最初と最後) のうち、最後の 1 つだけが投影され、最初のものは投影されません。両方または最初の 1 つが投影されず、最後の 1 つだけが投影されるのはなぜですか?

Angular 8 を使用して単純なダッシュボード コンポーネントを構築しようとしています。ダッシュボードに含まれる各アイテムは何でもかまいません。2 つの異なるコンポーネントを作成しました。1 つはダッシュボード自体 (メイン コンテナー) 用、もう 1 つはダッシュボード内の領域を識別するため (これはウィジェット コンポーネント リストを受け取ります)。

現時点で私の解決策は非常に簡単です。基本的に、ng-contentを使用して、トランスクルードされた要素をメイン コンポーネントに投影します。私はあなたにいくつかのコードを示します

一般的なダッシュボード コンテナー:

my-dashboardコンポーネントは単純に次のとおりです。

このアプローチを使用すると、すべてが機能しますが、たとえばスロットが正確にわかっている場合のように、投影されたコンポーネントの単一のインスタンスにアクセスすることはできません。たとえば、dahboard コンポーネントから特定のコンポーネントの情報を取得したい場合、これは不可能です。これは正しいアプローチですか？ドキュメントのコンテンツ プロジェクションに関する情報はあまり見つかりませんでした。

angular 9でコンポーネントを作成し、コンポーネントで使用してhtmlを挿入します。これまでのところ、それはまだ非常に正常です（htmlを正しくレンダリングします）。しかし、コンストラクターにパラメーターを追加した後、コンポーネントの html はブラウザーでレンダリングされず、ブラウザーで ng-container コンテンツのみがレンダリングされます。どのようにできるのか？

コンストラクターパラメーターを削除しようとしましたが、コンポーネントは正しくレンダリングされます..しかし、コンポーネントにrender2とelementRefをインポートする必要があるため、この方法では実行できません

myComponent.component.ts

myComponent.component.html

app.component.html

しかし、クロムでレンダリングすると、コンポーネントのhtmlがブラウザでレンダリングされません....

正しいレンダリングは次のようなものです