Hướng dẫn ng-model-options của AngularJS

Sách hướng dẫn tham khảo AngularJS

Định nghĩa và cách sử dụng

ng-model-options Hướng dẫn được sử dụng để kiểm soát việc gán dữ liệu giữa các phần tử biểu mẫu HTML và biến trong phạm vi.

Bạn có thể chỉ định việc gán dữ liệu nên chờ sự kiện cụ thể xảy ra, hoặc chờ số mili giây cụ thể, v.v. Để biết thêm thông tin, hãy xem các giá trị hợp lệ được liệt kê trong các tham số sau.

Mẫu

Chờ trường hợp bị mất焦点 trước khi thực hiện gán dữ liệu:

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

thử ngay

cú pháp

<element ng-model-options="tùy chọn</element>

thuộc <input>、<select> và <textarea> element hỗ trợ.

tham số

tham số mô tả
tùy chọn

Đối tượng, xác định các tùy chọn mà gán dữ liệu phải tuân theo. Các đối tượng hợp lệ bao gồm:

{updateOn: 'event'} Định nghĩa rằng khi sự kiện đặc biệt xảy ra, gán nên xảy ra.

{debounce : 1000} Định nghĩa rằng gán phải chờ bao nhiêu mili giây.

{allowInvalid : true|false} Định nghĩa rằng có nên gán giá trị nếu giá trị không vượt qua xác thực hay không.

{getterSetter : true|false} Định nghĩa rằng các hàm gán cho mô hình có nên được coi là getter/setter hay không.

{timezone : '0100'} Định nghĩa rằng nên sử dụng múi giờ nào khi xử lý đối tượng Date.

Sách hướng dẫn tham khảo AngularJS