コンポーネントテンプレートで<ng-content> </ ng-content>を再利用することは可能ですか?Angular2

ウラド・テサノビッチ

コンポーネントで2回ng-contentを再利用する方法はありますか?または、コンポーネントコンストラクター内の変数に割り当てますか?

何かのようなもの:

@Component({
    selector: "component"
})
@View({
    template: `<ng-content></ng-content> and again <ng-content></ng-content>`
})

ウラド・テサノビッチ

はい、私もこれを見つけました。

<my-component> <div content-a> A </div> </my-component>

およびコンポーネント内:

<ng-content select="[content-a]"></ng-content>

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

Angular2コンポーネント内のng-contentでcssを使用する方法はありますか?

分類Dev

Angular 2 - ng-content とバインディングを使用してデータをルート コンポーネントに渡すことができません。目標: 再利用可能なフォーム コンポーネント

分類Dev

Angular 2は、ng-contentの「テンプレート」を使用してコンポーネントループ内で使用します

分類Dev

子コンポーネント(<ng-content>でラップ)から親コンポーネントへの角度移動メソッドとプロパティ

分類Dev

Angular2:子コンポーネントに渡されるng-content属性

分類Dev

コンポーネントのAngular2ディレクティブはng-contentをオーバーライドしますか?

分類Dev

ng-contentを使用してangular2コンポーネントを動的に作成する

分類Dev

コンポーネント内の角度2アクセスng-content

分類Dev

角度テスト:ng-contentを使用する子コンポーネント内のHTML要素を取得します

分類Dev

Angular2 +-テンプレートの属性値としてのng-content

分類Dev

テンプレートにng-contentが存在しない場合、子コンポーネントが作成されないようにすることはできますか?

分類Dev

ng-content内のコンポーネントへのプロパティの受け渡し(マークアップが存在するコンポーネントでは使用できないプロパティ)

分類Dev

<ng-content>のコンポーネント

分類Dev

ng-contentを使用するときに内部コンポーネントを削除する方法

分類Dev

ng-contentから@ViewChildテンプレートにアクセスします

分類Dev

テンプレートのng-contentを反復処理します

分類Dev

ng-contentの元の/生のテンプレート値を取得します

分類Dev

Angular 2動的な <ng-content> でオートコンプリートの表示をカスタマイズする

分類Dev

Angular2のリストコンポーネントのカスタムテンプレート(ng-contentなしのトランスクルージョン)

分類Dev

Angularの親コンポーネントはng-contentの子コンポーネントをリッスンします

分類Dev

トランスクルージョンで挿入されたコンポーネントのAngular2 +呼び出し関数(ng-content)

分類Dev

Angular 8:複数のng-contentを介してネストされたコンポーネントの検索で問題が発生する

分類Dev

Angular / Materialmat-form-fieldカスタムコンポーネント-ng-contentのmatSuffix

分類Dev

<ng-content>内のコンポーネントから発行されたイベントをキャプチャしますか?

分類Dev

ng-templateでng-contentを使用する

分類Dev

ng-templateでng-contentを使用する

分類Dev

forループのng-content

分類Dev

ng-contentの子コンポーネントへの角度通過入力

分類Dev

* ngIfとng-contentを使用すると、ループするng-templateが間違ったテンプレートを表示します

Related 関連記事

  1. 1

    Angular2コンポーネント内のng-contentでcssを使用する方法はありますか?

  2. 2

    Angular 2 - ng-content とバインディングを使用してデータをルート コンポーネントに渡すことができません。目標: 再利用可能なフォーム コンポーネント

  3. 3

    Angular 2は、ng-contentの「テンプレート」を使用してコンポーネントループ内で使用します

  4. 4

    子コンポーネント(<ng-content>でラップ)から親コンポーネントへの角度移動メソッドとプロパティ

  5. 5

    Angular2:子コンポーネントに渡されるng-content属性

  6. 6

    コンポーネントのAngular2ディレクティブはng-contentをオーバーライドしますか?

  7. 7

    ng-contentを使用してangular2コンポーネントを動的に作成する

  8. 8

    コンポーネント内の角度2アクセスng-content

  9. 9

    角度テスト:ng-contentを使用する子コンポーネント内のHTML要素を取得します

  10. 10

    Angular2 +-テンプレートの属性値としてのng-content

  11. 11

    テンプレートにng-contentが存在しない場合、子コンポーネントが作成されないようにすることはできますか?

  12. 12

    ng-content内のコンポーネントへのプロパティの受け渡し(マークアップが存在するコンポーネントでは使用できないプロパティ)

  13. 13

    <ng-content>のコンポーネント

  14. 14

    ng-contentを使用するときに内部コンポーネントを削除する方法

  15. 15

    ng-contentから@ViewChildテンプレートにアクセスします

  16. 16

    テンプレートのng-contentを反復処理します

  17. 17

    ng-contentの元の/生のテンプレート値を取得します

  18. 18

    Angular 2動的な <ng-content> でオートコンプリートの表示をカスタマイズする

  19. 19

    Angular2のリストコンポーネントのカスタムテンプレート(ng-contentなしのトランスクルージョン)

  20. 20

    Angularの親コンポーネントはng-contentの子コンポーネントをリッスンします

  21. 21

    トランスクルージョンで挿入されたコンポーネントのAngular2 +呼び出し関数(ng-content)

  22. 22

    Angular 8:複数のng-contentを介してネストされたコンポーネントの検索で問題が発生する

  23. 23

    Angular / Materialmat-form-fieldカスタムコンポーネント-ng-contentのmatSuffix

  24. 24

    <ng-content>内のコンポーネントから発行されたイベントをキャプチャしますか?

  25. 25

    ng-templateでng-contentを使用する

  26. 26

    ng-templateでng-contentを使用する

  27. 27

    forループのng-content

  28. 28

    ng-contentの子コンポーネントへの角度通過入力

  29. 29

    * ngIfとng-contentを使用すると、ループするng-templateが間違ったテンプレートを表示します

ホットタグ

アーカイブ