在详细页面中自动调整文本区域的大小角度？

Question

我经历了autosize textarea in angular2和许多其他链接。但是我希望使文本区域在详细页面中自动调整大小，具体取决于其获取的内容。

注意：我正在使用Angular7模板驱动表单

我们该怎么做？

<div class="awr-input">
    <label class="awr-inputbox-label" for="">
        Description
    </label>
    <div class="input-container">
        <div class="input-container">
            <textarea readonly value="{{student?.studentDesc}}"></textarea>
        </div> 
    </div>
</div>