Heim > Web-Frontend > js-Tutorial > Hauptteil

Ausführliche Erklärung und einfaches Beispiel der AngularJS ng-blur-Direktive

高洛峰
Freigeben: 2017-01-10 11:18:15
Original
1354 Leute haben es durchsucht

AngularJS ng-blur-Direktive

AngularJS-Instanz

Ausdruck ausführen, wenn das Eingabefeld den Fokus verliert (onblur):

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body ng-app="">
 
<input ng-blur="count = count + 1" ng-init="count=0" />
 
{{count}}
 
<p>实例中 "count" 变量记录了失去焦点的次数。</p>
 
</body>
</html>
Nach dem Login kopieren


Laufergebnis:

AngularJS ng-blur 指令详解及简单实例

0

Die Variable „count“ in der Instanz zeichnet den Verlust auf des Fokus mehrmals.

Definition und Verwendung Die

ng-blur-Direktive wird verwendet, um AngularJS den Ausdruck mitzuteilen, der ausgeführt werden muss, wenn das HTML-Element den Fokus verliert.
Die ng-blur-Direktive in AngularJS überschreibt nicht das native onblur-Ereignis. Wenn dieses Ereignis ausgelöst wird, werden sowohl der ng-blur-Ausdruck als auch das native onblur-Ereignis ausgeführt.

Syntax


, ,