问题描述:在Angular中,当将数据发送到API时,this.div.nativeElement为空。
解决方法:
import { Component, ViewChild, ElementRef, AfterViewInit } from '@angular/core';
@Component({
selector: 'app-example',
template: ''
})
export class ExampleComponent implements AfterViewInit {
@ViewChild('myDiv', { static: false }) div: ElementRef;
ngAfterViewInit() {
// 在这里确保div已经初始化
console.log(this.div.nativeElement); // 输出div元素
}
sendDataToAPI() {
// 发送数据到API
console.log(this.div.nativeElement); // 输出div元素
}
}
import { Component, ViewChild, ElementRef, AfterViewInit } from '@angular/core';
@Component({
selector: 'app-example',
template: ''
})
export class ExampleComponent implements AfterViewInit {
@ViewChild('myDiv', { static: false }) div: ElementRef;
ngAfterViewInit() {
// 在这里确保div已经初始化
console.log(this.div.nativeElement); // 输出div元素
this.sendDataToAPI();
}
sendDataToAPI() {
// 发送数据到API
console.log(this.div.nativeElement); // 输出div元素
}
}
确保在发送API之前,div元素已经初始化,并且在正确的生命周期钩子函数中使用this.div.nativeElement。
上一篇:Angular:异步启用按钮