通過Angularjs更新textarea行

Question

我想調整textArea上焦點的行數，以消除模糊時的行數。除此之外，我想展示一個隱藏的div層。我目前的解決方案是

<textarea class="form-control" rows="1" placeholder="Please enter text..." 
onfocus="this.rows=3" ng-focus="isVisible = !isVisible" onblur="this.rows=1" 
ng-blur="isVisible = !isVisible"></textarea> 

正如你可以從上面我必須使用兩個屬性，即HTML的onfocus以增加行和NG-重點更新ISVISIBLE看（以顯示和隱藏DIV）。它的工作原理，但我想知道是否可以增加和減少使用ng-focus和ng-blur的行數。

div層，我的顯示和隱藏

<div class="row" ng-show="isVisible" /> 

在此先感謝

Answer 1

基本上，你可以使用ng-attr-rows設置rows動態屬性值。你可以有像下面這樣的東西。

基本上在每個摘要週期ng-attr-*指令評估它的表達式，在你的情況下*是rows，並將該評估值添加到rows屬性。

標記

<textarea ng-model="test" 
    ng-attr-rows="{{row || '1'}}" 
    ng-focus="row=3" 
    ng-blur="row=1"> 
</textarea> 

Demo Plunkr