在angular9中动态设置style 容器高度

在Angular 9中，动态地设置元素的样式，特别是高度，通常通过组件内的 TypeScript 代码来完成。你可以使用 `@ViewChild` 和 `ElementRef` 来获取并操作DOM元素，然后设置其 `style.height` 属性。

下面是一个基本示例：

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

@Component({
  selector: 'app-your-component',
  template: `
    <div #yourContainer class="container" style="width: 100%;"></div>
  `
})
export class YourComponent {
  @ViewChild('yourContainer', { static: false }) containerElement: ElementRef;

  someFunction() {
    // 获取容器的高度
    let currentHeight = this.containerElement.nativeElement.offsetHeight;
    
    // 然后可以根据需要动态更改高度，例如增加10px
    let newHeight = currentHeight + 10;
    this.containerElement.nativeElement.style.height = `${newHeight}px`;
  }
}

在这个例子中，当你调用 `someFunction()` 函数时，会根据当前容器的高度动态改变其高度。