Html Bootsrap 4使用Angular 8作为只读响应输入文本

我正在尝试使用引导创建只读的输入文本

我从引导链接中发现，我们可以使用表单控件纯文本类

<input type="text" readonly class="form-control-plaintext" id="staticEmail" value="email@example.com">

如果输入的值很长，则文本没有响应。我还需要使文本具有响应性

---

我怎样才能做到这一点呢？

也许这会对你有所帮助

内部控制器

autogrow(){
  let  textArea = document.getElementById("textarea")       
  textArea.style.overflow = 'hidden';
  textArea.style.height = '0px';
  textArea.style.height = textArea.scrollHeight + 'px';
}

和html格式

<textarea id="textarea" (keyup)="autogrow()" ></textarea>

能否添加一个可以重新创建此问题的代码段？请参阅此部分为什么不使用

文本区域

？文本区域无法解决问题。如果值太长，您希望得到什么？分解到下一行或隐藏？以创建滚动条bar@SanJaisy您可以使用

overflow:hidden隐藏其滚动条``最小高度：20px最大高度：100px

和

调整大小：无

是否尝试了

溢出：自动

而不是

溢出：隐藏@SanJaisy现在就试试我的更新代码，它的工作原理正是你想要的。对不起，请你更新一下它的角度版本。我用的是角度8。