Javascript 在angular2的元素中触发焦点

我有一个组件（角度4.1.0）——

2.虽然高度：400px，但当文本区域的内容增加时，它也应该扩展其高度！内容不应变成可滚动的，文本区域应增加其高度

---

任何人都知道如何做到这一点吗？

您可以直接在模板中绑定到angular中的焦点事件，并将其连接到javascript以执行您需要执行的任何操作

<textarea id="**create-post**" (focus)="doWhatsNeeded()"></textarea>

---

不明白“当高度增加时，它也应该延伸高度！”，这让人困惑。补充了更多的解释

.input-field textarea:focus {
border-bottom: 1px solid #00b8d4;
box-shadow: 0 1px 0 0 #00b8d4;
**height**: 400px;}

<textarea id="**create-post**" (focus)="doWhatsNeeded()"></textarea>

doWhatsNeeded(){
    //do something
}