在Angular 2+中,要设置@ViewChild('anchor_name'),可以按照以下步骤进行操作:
import { Component, ViewChild, ElementRef } from '@angular/core';
@ViewChild('anchor_name', { static: false }) anchor: ElementRef;
这里的第一个参数是模板引用变量名,第二个参数是一个配置对象,其中的"static"属性设置为false表示在组件的视图初始化之后再进行查询。
ngAfterViewInit() {
console.log(this.anchor.nativeElement);
// 可以访问锚点元素的属性或调用其方法
}
需要注意的是,@ViewChild装饰器返回的是一个ElementRef对象,通过访问其nativeElement属性可以获取到原生的HTML元素。
关于Angular 2+中@ViewChild的更多详细信息,可以参考腾讯云的Angular开发文档: https://cloud.tencent.com/document/product/1130/36791
领取专属 10元无门槛券
手把手带您无忧上云