Angular でのスロットの使用法に関する簡単な説明

この記事では、Angular スロットの使用方法を紹介します。一定の参考値があるので、困っている友達が参考になれば幸いです。

#Angular<span style="font-size: 18px;"></span>スロットの使用

ng-content を使用します。主に select

• を使用します。何も入力しない場合は、これを使用します。直接

  < ng-content>は、親コンポーネントによって渡されたデフォルトのコンテンツを表示します

• クラス名セレクターを使用します

• 属性セレクターの使用

関連する推奨事項: "

angular チュートリアル"

サブコンポーネント

子

<div>
    <ng-content></ng-content>
    <ng-content select=&#39;.child&#39;></ng-content>
    <ng-content select=&#39;[name=child]&#39;></ng-content>
</div>

親コンポーネント

<app-child>
    <p>默认插槽</p>
    <p class=&#39;child&#39;>类名选择插槽</p>
    <p name=&#39;child&#39;>属性选择插槽</p>
</app-child>

プログラミング関連の知識の詳細については、

プログラミング ビデオをご覧ください。 ！

以上がAngular でのスロットの使用法に関する簡単な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。