Question

你能这样做，textarea添加输入后键入的内容吗？

   <div style="display: none;" id="id_warstwy2{{$index}}">
        <form ng-submit="addTask(newTask, $index)">
           <textarea ng-model="newTask"   rows="3"></textarea>
        </form>
       <button style="margin-left: 10px; margin-top: 5px;">Add</button>
   </div>

Answer 1

创建一个这样的指令：

app.directive('ngEnter', function() {
    return function(scope, element, attrs) {
        element.bind("keydown", function(e) {
            if(e.which === 13) {
                scope.$apply(function(){
                    scope.$eval(attrs.ngEnter, {'e': e});
                });
                e.preventDefault();
            }
         });
    };
});

HTML

<textarea ng-model="newTask" ng-enter="addTask(newTask, $index)"  rows="3"></textarea>

Answer 2

您可以使用ng-keypress之类的内容

<textarea ng-model="newTask" ng-keypress="($event.charCode==13)? 
addTask(newTask, $index) : return"></textarea>

Working demo

Answer 3

关于如何使用enter ???触发ng-submit的问题？如果只是将您的按钮放在表单中，则放入type="submit"

    <form ng-submit="addTask(newTask, $index)">
       <textarea ng-model="newTask"   rows="3"></textarea>
       <button type="submit" style="margin-left: 10px; margin-top: 5px;">Add</button>
    </form>

TextArea影响点击进入AngularJS

3 个答案: