javascript - 输入空格时如何触发 ng-change？

Question

我有一个在 textarea 的值更改时调用的函数。它工作得很好，除非按下空格键，然后什么都不被调用。有没有办法激活这个？从技术上讲，内容正在发生变化，我希望无论如何都可以调用该函数。

我附上了代码的 fiddle 。你可以看到$scope.log按下空格键时数组不会推送新元素(也可以输入键)，但它会处理任何其他非空格键。

fiddle 样本:http://jsfiddle.net/UJWLN/4/

Answer 1

您可以在输入中使用指令 ng-trim 并将其设置为 false，如下所示:

<textarea ng-change="changeFunction()" ng-model="myModel" ng-trim="false"></textarea>

但这并不适用于所有情况。如果您希望在每次击键时执行某些操作，请尝试使用自定义指令。我给你写了一篇:

http://jsfiddle.net/UJWLN/6/

myApp.directive('ngKeystroke', function(){
    return {
        restrict: 'A',
        link: function(scope, elem, attrs){
            elem.bind("keyup", function(){
                scope.log.push('called');
                scope.$digest(); 
            });
        }
    };
});