您好,登錄后才能下訂單哦!
ViewChild和ContentChild是Angular中用來訪問子組件或模板中的元素的裝飾器。
ViewChild用于獲取子組件或指令中的元素,使用方法如下:
import { Component, ViewChild, ElementRef } from '@angular/core';
@ViewChild('childComponentRef', {static: true}) childComponentRef: ElementRef;
<app-child-component #childComponentRef></app-child-component>
ContentChild用于獲取ng-content中的內容,使用方法如下:
import { Component, ContentChild, TemplateRef } from '@angular/core';
@ContentChild(TemplateRef, {static: true}) contentTemplate: TemplateRef<any>;
<app-parent-component>
<ng-template #contentTemplateRef>
<p>Content from parent component</p>
</ng-template>
</app-parent-component>
通過以上方法,我們可以在Angular中使用ViewChild和ContentChild來獲取子組件或模板中的元素。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。