输入字段上的角度模糊不起作用

时间:2016-02-10 23:46:31

标签: javascript angularjs

好的,所以我很确定我错过了一些明显的东西,但是我没有看到它。

我创建了一个fiddle我认为当输入框失去焦点时会发出警告信息,但是它不起作用而且我不知道为什么。

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

  1. 点击输入框
  2. 输入内容
  3. 点击输入框外的某个地方
  4. 但这些步骤不会显示警告信息。

    当然,有人知道我做错了什么......?

    这里是代码(与小提琴相同):

    <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!');
      };
    }
    

1 个答案:

答案 0 :(得分:3)

它可能是你的角度版本。您的小提琴正在使用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!');
 };
}

JLS §14.20.2