ng-content
Angular 6で複数を使用してカスタムコンポーネントを構築しようとしていますが、これが機能せず、理由がわかりません。
これは私のコンポーネントコードです:
<div class="header-css-class">
<ng-content select="#header"></ng-content>
</div>
<div class="body-css-class">
<ng-content select="#body"></ng-content>
</div>
このコンポーネントを別の場所で使用して、次のような2つの異なるHTMLコードを内部body
とヘッダーselect
にレンダリングしようとしていますng-content
。
<div #header>This should be rendered in header selection of ng-content</div>
<div #body>This should be rendered in body selection of ng-content</div>
しかし、コンポーネントは空白になっています。
私が間違っている可能性があること、または同じコンポーネントで2つの異なるセクションをレンダリングするための最良の方法を知っていますか?
ありがとう!