Directive ng-model-options d'AngularJS

Manuel de référence AngularJS

Définition et utilisation

ng-model-options L'instruction est utilisée pour contrôler la liaison des éléments de formulaire HTML et des variables dans le domaine d'application.

Vous pouvez spécifier que le lien doit attendre l'occurrence d'un événement spécifique ou attendre un certain nombre de millisecondes, etc. Pour plus d'informations, veuillez consulter les valeurs légitimes répertoriées dans les valeurs des paramètres ci-dessous.

Exemple

En attendant que le champ perde le focus pour lier les données :

<div ng-app="myApp" ng-controller="myCtrl">
    <input ng-model="name" ng-model-options="{updateOn: 'blur'}">
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.name = "Bill Gates";
);
</script>

Essayer personnellement

Syntaxe

<element ng-model-options="option</element>

Sous <input>、<select> et <textarea> Élément pris en charge.

Paramètres

Paramètres Description
option

Objet, spécifiant les options que le liage de données doit suivre. Les objets légaux incluent :

{updateOn: 'event'} Défini que le liage doit avoir lieu lorsque l'événement spécifique se produit.

{debounce : 1000} Défini combien de millisecondes le liage doit attendre.

{allowInvalid : true|false} Défini si le liage peut avoir lieu même si la valeur ne passe pas la validation.

{getterSetter : true|false} Défini si les fonctions liées au modèle doivent être considérées comme getter/setter.

{timezone : '0100'} Défini哪个时区应用于处理 Date 对象。

Manuel de référence AngularJS