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进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。