第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全，請及時綁定郵箱和手機立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

如何在角度中渲染開槽的 ng 模板

如何在角度中渲染開槽的 ng 模板

江戶川亂折騰 2022-09-16 21:34:05
我有自定義組件。此組件的模板如下所示：tabtab<ng-content></ng-content>我使用這樣的組件：tab<tab>  <ng-template>    ...  </ng-template></tab>在組件內(nèi)部，我有一個參數(shù)。根據(jù)這個參數(shù)，我希望這個槽被渲染或不渲染。我該如何實現(xiàn)這一點？如何從組件內(nèi)部呈現(xiàn)此內(nèi)容？tabInputInputng-templateng-templatetab
查看完整描述

1 回答

?
有只小跳蛙

TA貢獻1824條經(jīng)驗 獲得超8個贊

如果使用 ，則不能使用它來呈現(xiàn)此內(nèi)容。您需要使用以下指令：ng-templateng-contentngTemplateOutlet


父模板：


<button (click)="show = !show">Toggle</button>


<tab [show]="show">

  <ng-template>

    I am rendered

  </ng-template>

</tab>

兒童：


export class HelloComponent  {

  @ContentChild(TemplateRef)

  template?: TemplateRef<any>;


  @Input()

  show?: boolean;

}

子模板：


<ng-container *ngIf="show" [ngTemplateOutlet]="template"></ng-container>

工作示例


另一種方法是將顯示留給父組件：


父模板：


<button (click)="show = !show">Toggle</button>


<tab>

  <ng-template [ngIf]="show">

    I am rendered

  </ng-template>

</tab>

子模板：


<ng-content></ng-content>

工作示例


最后一個答案聽起來像是反對我的第一個答案，我提到你不能用它來渲染，但在這種情況下，它正在處理模板的渲染。ng-contentng-template*ngIf


查看完整回答
反對 回復(fù) 2022-09-16
  • 1 回答
  • 0 關(guān)注
  • 82 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

 公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號