angular中的textarea自动增加高度而不是出现滚动条

先上代码

<textarea  class="weui-textarea" rows="{{textHeight}}" (keyup)="setHeight($event)"(focus)="scrollTop($event)" value="{{_value}}" (change)="transData()" [(ngModel)]="_value"  readonly = "{{readonly}}"></textarea>

ts文件中：
textHeight =3;
setHeight(e){
  this.textHeight =e.target.scrollHeight/22
}

e.target.scrollHeight是填写数据的真实高度，除以每行的高度22，得到多少行，然后设置到textarea的rows属性中去；