angula9获取div元素高度

在Angular 9中，你可以使用JavaScript操作DOM来获取`<div>`元素的高度。下面是一个简单的例子：

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

@Component({
  selector: 'app-my-component',
  template: `
    <div #myDiv>这是一个 div 元素</div>
  `,
})
export class MyComponent implements OnInit {
  @ViewChild('myDiv') myDivElement: ElementRef; // 使用 ViewChild 注入元素

  ngOnInit(): void {
    const element = this.myDivElement.nativeElement; // 获取到 DOM 元素
    let height = element.offsetHeight; // 使用 offsetHeight 获取元素高度，包括内边距
    let clientHeight = element.clientHeight; // 使用 clientHeight 获取元素高度，排除上下的滚动条区域
    
    console.log('元素高度（包括内边距）:', height);
    console.log('元素高度（排除滚动条）:', clientHeight);
  }
}

在这个例子中，我们首先通过`@ViewChild`装饰器将`<div>`元素注册为视图容器内的组件属性，然后在`ngOnInit`生命周期钩子中，利用`nativeElement`属性获取真实的DOM元素，再分别使用`offsetHeight`和`clientHeight`属性获取高度。