Question

嗨，我想知道我的身高，但是我的代码无法正常工作，并且显示错误信息无法读取未定义的属性“ height”

HTML

 <textarea #box  (click)='onClick($event)'></textarea>

Component.ts

import { Component, ViewChild,ElementRef } from '@angular/core';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
  @ViewChild('box') box:ElementRef<HTMLTextAreaElement>;
  onClick(event){
    console.log(this.box.style.height)
  }
  name = 'Angular';
}

我该如何解决这个问题，我认为已将框定义为HTMLTextAreaElement，为什么它说未定义呢？

Answer 1

您可能想尝试使用nativeElement。

import { Component, ViewChild,ElementRef } from '@angular/core';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
  @ViewChild('box') box:ElementRef<HTMLTextAreaElement>;
  onClick(event){
    console.log(this.box.nativeElement.style.height)
  }
  name = 'Angular';
}

无法获得Textarea的高度

1 个答案: