AngularJS:简单的模糊功能

Sye*_*sif 5 angularjs

我是AngularJS的新手.从W3school学到的.现在开始了解模糊功能和ui-event其他网站的工作原理.所以我得到的代码不起作用请让我知道原因或更好的方法来调用模糊功能.

HTML

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

脚本标记

function testing($scope){
    $scope.blurCallback = function() {
    alert('Goodbye');
    };
}
Run Code Online (Sandbox Code Playgroud)

Art*_*ich 17

我建议使用ngBlurAngularJS框.

该指令从Angular的1.2版本开始提供.

<div ng-controller="MyCtrl">
    <input type="text" ng-model="blurModel" ng-blur="onBlur($event)"/>
</div>

function MyCtrl($scope) {
    $scope.onBlur = function($event) {
        console.log($event);
    }
}
Run Code Online (Sandbox Code Playgroud)

我为你附上了JSFiddle的例子.

如果要使用UI.Utils库,则应将'ui.utils'模块注入项目.

var app = angular.module('plunker', ['ui.utils']);

app.controller('MainCtrl', function($scope) {
    $scope.onBlur = function($event) {
        console.log($event);
    };
});

<body ng-controller="MainCtrl">
    <input type="text" placeholder="ui-utils" ui-event="{blur:'onBlur($event)'}"/>
</body>
Run Code Online (Sandbox Code Playgroud)

这是一个Plunkerui.utils使用.