Instrução ng-model-options do AngularJS

Manual de Referência AngularJS

Definição e uso

ng-model-options A instrução é usada para controlar o bind de elementos de formulário HTML e variáveis no escopo.

Você pode especificar que o bind deve esperar pelo ocorcimento de um evento específico, ou esperar por um número específico de milissegundos, etc. Para mais informações, consulte os valores válidos listados nas seguintes opções de parâmetros.

Exemplo

Aguardar que o campo perca o foco antes de fazer o bind de dados:

<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>

Experimente pessoalmente

Sintaxe

<element ng-model-options="opção</element>

Suportado por <input>、<select> e <textarea> Elementos Suportados.

Parâmetros

Parâmetros Descrição
opção

Objeto, especifica as opções que a ligação de dados deve seguir. Os objetos válidos incluem:

{updateOn: 'event'} Especifica quando o vínculo deve ocorrer ao acontecer um evento específico.

{debounce : 1000} Especifica quantos milissegundos o vínculo deve esperar.

{allowInvalid : true|false} Especifica se o vínculo deve ser permitido mesmo se o valor não passar pela validação.

{getterSetter : true|false} Especifica se as funções ligadas ao modelo devem ser consideradas getter/setter.

{timezone : '0100'} Especifica qual fuso horário deve ser usado ao manipular objetos Date.

Manual de Referência AngularJS