angular textarea更新行号

Question

我使用角度4更新textarea rows属性作为keyup事件的反应。 这是组件代码

export class AutoResizedTextareaComponent {
  rows : number = 1;

  constructor(private zone:NgZone) {}

  onKey(event: Event) { 
    while(event.srcElement.clientHeight < event.srcElement.scrollHeight) {
    this.rows++;
    }
  }
}

这是模板<textarea [(rows)]="rows" (keyup)="onKey($event)"></textarea>

更改行应该更改clientHeight，当我使用if而不是while时它正在工作，但是当阻塞ui时，clientHeight保持不变，所以我在这里有无限循环。我尝试使用NgZone，但它没有解决这个问题。