javascript - 输入字段上的 Angular ng-blur 不起作用

Question

好吧，我很确定我遗漏了一些明显的东西，但我没有看到。

我创建了一个 fiddle我原以为会在输入框失去焦点时发出警告消息，但它不起作用，我也不知道为什么。

当用户执行以下步骤时，我期待一条警告消息:

1. 点击输入框
2. 输入内容
3. 点击输入框外的某处

但这些步骤不会显示警告消息。

当然，有人知道我做错了什么......？

这是代码(与 fiddle 相同):

<div ng-app>
  <div ng-controller="MyCtrl">  
    <form name="myForm">
      <input type="text" ng-model="todoText" size="30"
         name="myInput" ng-blur="validate(myForm)">
    </form>
  </div>
</div>

function MyCtrl($scope) {
  $scope.validate = function(form) {
    alert('blur!');
  };
}

Answer 1

它可能是你的 Angular 版本。你的 fiddle 使用的是 1.0.x 我已将你更新到 1.4.x 并且它工作正常:

<div ng-app='myApp'>
  <div ng-controller="MyCtrl">  
  {{santity}}
    <form name="myForm">
      <input type="text" ng-model="todoText" size="30"
             name="myInput" ng-blur="validate(myForm)">
    </form>
  </div>
</div>

Javascript

angular.module('myApp', []);
angular.module('myApp').controller('MyCtrl', MyCtrl);

function MyCtrl($scope) {
 $scope.santity = 'Hello';
 $scope.validate = function(form) {
  alert('blur!');
 };
}

http://jsfiddle.net/ncapito/LurjLvz7/6/