觸發angular2中元素的焦點

Question

我有一個組件為（Angular 4.1.0）-

<div id="create1" style="height: auto" materialize>
 <div class="input-field" style="height: auto">
   <textarea id="**create-post**" class="materialize-textarea"></textarea>
   <label for="create-post">Write something ...</label>
 </div>
 <div class="card-action">
  <a class="left"><i class="material-icons">**close**</i> </a>
  <a class="right">Post</a>
 </div>

1.所以問題是當我專注於[ create-post ]元素時，它也應該觸發[ close ]元素，否則[ close ]元素應該被隱藏。

組件css具有-

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

2.雖然高度為 ：400px，但是當文本區域的內容增加時，它的高度也應該增加！ 內容不應變為可滾動，而文本區域應增加其高度。任何人都不知道該如何實現？

Answer 1

您可以直接在模板中按角度綁定到focus事件，然后將其連接到javascript以執行所需的操作。

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

然后在您的組件中聲明函數：

doWhatsNeeded(){
    //do something
}