创建Angular Textarea组件的属性（？）？

Question

我正在尝试使用自动高度或设定高度创建自己的Textarea组件。 例如，现在我能够在自动高度之间进行手动更改或在组件本身中设置值（删除自动高度代码），但我希望能够在“ App.component”中做出决定。 html“当我调用此组件时。

示例：

autotextarearesize.component.html ：

<textarea #textArea [style.height]="heigth" (input)="changeHeigth(textArea)" (blur)="heigth='5em'"> </textarea>

现在，我称之为“ changeheigth”，这使得高度无限。
我可以手动将其更改为：（输入）=“ this.heigth ='5em'”，以便有一个设定的高度。

最后，整个组件在 app.component.html 中被称为＆lt; app-autotextareareSize＆gt;＆gt;＆lt;/app-autotextareareArearesize＆gt;。

我想像属性设置一样实现App-autotextareareSize [size] =“ height = 10em”＆gt;＆lt;/app-autotextareareSize＆gt; 如果可能的话。

我的角度知识非常有限，我不确定这是否可以实现上述？我知道CdkTextareAautoSize等等，但是即使不是很好，我也想创建自己的简单解决方案。

对于任何错误的术语使用情况，也要道歉。试图掌握它。
提前致谢！