Question

我试图找出ng-keyup是如何工作的，我找到了一些教程和资源，但是当我自己尝试制作一个教程和资源时，它并没有起作用。您可以在此处查看我的codepen示例http://codepen.io/alucardu/pen/XbOWRP，这是我试图重新创建http://jsfiddle.net/r74a5m25/的JSfiddle示例。

HTML

<div ng-app>
  <div ng-controller="exampleCtrl">
    <input ng-model="test" ng-keyup="search()" />
    <br/>
    <span>{{test}}</span>
  </div>
</div>

的javascript

function exampleCtrl($scope) {

  $scope.search = function() {
    alert('test');
  };
}

Answer 1

此问题来自角度版本。我可以在ng-keyup的angularjs中找到的最早的文档位于版本1.1.2上。并且您使用的是以前的版本1.1.1。

Personnaly，我在你的codepen尝试1.2.0并且它有效：https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js

这个版本在JSFiddle中使用，这就是它在那里工作正常的原因。

Answer 2

您未在示例中使用ng-keyup。您必须将函数绑定到输入，就像使用ng-model：

一样

<input ng-model="test" ng-keyup="search()"/>

Answer 3

您需要尝试使用最新版本的angularjs。应保持格式。

 <div ng-app="testApp">
      <div ng-controller="exampleCtrl">
        <input ng-model="test" ng-keyup="search()" />
        <br/>
        <span>{{test}}</span>
      </div>
    </div>

<强>的Javascript

myApp = angular.module("testApp",[]);
myApp.controller("exampleCtrl",function($scope){

  $scope.search=function(){
    alert("test");
  }

});

ng-keyup不起作用

3 个答案: