recherche

Maison >interface Web >js tutoriel >Explication détaillée et exemple simple de la directive AngularJS ng-blur

Explication détaillée et exemple simple de la directive AngularJS ng-blur

高洛峰
高洛峰original
2017-01-10 11:18:151382parcourir

Directive AngularJS ng-blur

Instance AngularJS

Exécuter l'expression lorsque la zone de saisie perd le focus (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>


Résultat d'exécution :

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

0

La variable "count" dans l'instance enregistre la perte de concentration plusieurs fois.

Définition et utilisation La directive

ng-blur est utilisée pour indiquer à AngularJS l'expression qui doit être exécutée lorsque l'élément HTML perd le focus.
La directive ng-blur dans AngularJS ne remplace pas l'événement natif onblur Si cet événement est déclenché, l'expression ng-blur et l'événement natif onblur seront exécutés.

Syntaxe

472353a2be00c6b0c4b0e67c228a7fe6a24c0203f0ae689239f065103120aae7

3499910bf9dac5ae3c52d5ede7383485, d5fd7aea971a85678ba271703566ebfd, 221f08282418e2996498697df914ce4e, 4750256ae76b6b9d804861d8f69e79d3, les objets fenêtre sont pris en charge.

Valeur du paramètre

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

Ce qui précède est une brève explication des connaissances sur les instructions ng-blur d'AngularJS. Je continuerai à en ajouter d'autres à l'avenir. . Merci pour votre soutien !

Pour des explications plus détaillées et des exemples simples d'instructions AngularJS ng-blur, veuillez faire attention au site Web PHP chinois !

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Introduction détaillée à la différence entre prototype et __proto__Article suivant：Introduction détaillée à la différence entre prototype et __proto__

Articles Liés

Voir plus