Angular-UI中的Keypress

Question

我使用按鍵操作遇到一些問題如下 -

<div ng-controller="GBNController">
...
<input id="search-field" type="text" placeholder="JSON Query" ng-model="queryText" ui-keypress="{enter: foo()}"/>
...
</div>

我的javascript有 -

var AngApp = angular.module('gbn', ['ui']);
var GBNController = function($scope) {
    $scope.queryText = '';
    $scope.foo = function() {
        alert('test');
    }
};

現在只有在加載文檔時調用此函數foo，然后才會在文本字段中return keypresspress事件。

我正在使用主分支的當前負責人。

我在這里做錯了什么，還是這個壞了？

Answer 1

你需要把foo（）放在引號中。

<input ui-keypress="{enter: 'foo()'}">

Answer 2

您可以輕松地滾動自己的keypress指令

這是一個演示的插件

和代碼：

app.directive('zKeypress', function(){
  return {
    restrict: 'A',
    link: function(scope, elem, attr, ctrl) {
      elem.bind('keypress', function(){
        scope.$apply(function(s) {
          s.$eval(attr.zKeypress);
        });
      });
    }
  };
});

HTML

<input type="text" z-keypress="foo()"/>