css - 根据内容设置textarea的初始高度

Question

我使用响应式(Reactive) Angular 形式来保存所有禁用的字段。事实证明，textarea 会创建一个滚动条，让那些只是想像的人难以阅读。

我已经尝试过使用 css

 textarea:disabled {
  height: 100%;
  font-size: 13px;
  text-align: justify;
  resize: none;
 }

我希望它根据其内容展开，表现得像一个带有适当填充的 DIV。

Answer 1

感谢@adrian Brand 从你的代码中我制作了其他 Implements 并且我得到了预期的结果

ngAfterContentChecked() {
    var vtextarea = this.elRef.nativeElement.querySelectorAll('textarea')
    for(let i=0;i<vtextarea.length;i++){
      vtextarea[i].style.height = vtextarea[i].scrollHeight + 'px';      
    }
  }

在没有滚动条的情况下更好地查看的 css

textarea:disabled{
  height: 100%;
  font-size: 13px;
  text-align: justify;
  resize: none;
  overflow: hidden;

}