ng-repeat和textarea专注

时间:2016-02-28 10:59:28

标签: javascript jquery angularjs html5

更新:" textareashow"是:

<div class="col-md-10 col-md-offset-1" data-ngshow="textareashow">
   <div id="replyBox">
      <textarea cols="65" rows="7" maxlength="300" data-ng-model="texta" autofocus="autofocus" data-ng-focus="focus()" data-ng-blur="blur()"></textarea>
      <br>
      <button class="btn btn-info" type="submit">Submit answer</button>
   </div>
</div>

我有ng-repeat并且在循环中我有:

<button class="btn btn-default" id="ans_button" data-ng-click="textareashow = !textareashow">Answer</button>
<textarea cols="65" rows="7" data-ng-model="texta" autofocus="autofocus" data-ng-focus="focus()" data-ng-blur="blur()"></textarea>

我希望如果用户点击&#34;回答&#34; button将显示textarea。 它有效,但只有一次,如果我点击它并关闭,然后点击另一个答案button - textarea将无法集中注意力。

1 个答案:

答案 0 :(得分:0)

更新:“textareashow”在自己的地方

像这样更改你的HTML:

<button class="btn btn-default" id="ans_button" data-ng-click="textareashow = !textareashow;doAnswer($event)">Answer</button>
<textarea  cols="65" rows="7" data-ng-model="texta" autofocus="autofocus" data-ng-focus="focus()" data-ng-blur="blur()"></textarea>

在你的控制器js:

$scope.doAnswer = function(event){
    angular.element(event.target).next().focus();
}