AngularJS:简单的模糊功能

Question

我是 AngularJS 的新手。从 W3school 学习。现在继续了解模糊功能和ui-event从其他网站工作。所以我得到了这个不起作用的代码，请让我知道原因或调用模糊函数的更好方法。

HTML

    <div ng-app="" ng-controller="testing" >
    <input ui-event="{ blur : 'blurCallback()' }">
    </div>

脚本标签

function testing($scope){
    $scope.blurCallback = function() {
    alert('Goodbye');
    };
}

Answer 1

您可以使用 Angular UI @ http://angular-ui.github.io/ui-utils/它提供模糊、焦点、双击事件或将回调绑定(bind)到 Angular Js 本身不支持的任何事件

以下是模糊事件的示例之一:

<input ui-event="{ blur : 'blurCallback()' }">

<script> 
  $scope.blurCallback = function() {
   alert('Goodbye'); 
  }; 
</script>

如果不想使用 angular-ui 的 ui-event，也可以创建一个小指令，直到下一个版本的 Angular 发布。

app.directive('ngBlur', function() {
  return function( scope, elem, attrs ) {
    elem.bind('blur', function() {
      scope.$apply(attrs.ngBlur);
    });
  };
});

只需将指令放在您需要的地方:

<input type="text" ng-model="foo" ng-blur="doFoo()" />

基本上，指令所做的是绑定(bind)元素的模糊事件(在我们的示例中为输入)，然后当事件被触发(我们离开输入)时， Angular 将应用指令中的内容。所以在我们的例子中，如果我们离开输入，doFoo() 将被触发。

戳这里: http://plunker.co/edit/J4ZEB6ppvkiIvdW9J2VU?p=preview