ng-model tham chiếu biến angular
Dùng để tham chiếu giá trị biến ra các input của HTML, tức là thay đổi 2 chiều
Ví dụ:
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body>
<div ng-app="myApp" ng-controller="myCtrl">
Tên: <input ng-model="Ten">
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.Ten = "iif.vn";
});
</script>
</body>
</html>
Giải thích: thay đổi 2 chiều là
Khi khởi tạo ứng dụng gán giá trị biến Ten là iif.vn , khi thay đổi trên input thì giá trị gán lại cho bên Ten với nội dung đã nhập.
- Thêm lệnh: <h1>Bạn đã nhập: {{Ten}}</h1> để xem giá trị thay đổi theo nội dung ô vừa nhập.
Mục liên quan:
- Ứng dụng đầu tiên angular
- Khởi tạo biến và cách hiển thị
- Hiển thị giá trị nhập từ ô input ra màn hình Angular
- lặp giá trị ra màn hình từ biến mảng
- Biểu thức tính AngularJS
- Sử dụng biến trong angular AngularJS Modules
- Chỉ định các thành phần liên kết với nhau AngularJS
- ng-model tham chiếu biến angular
- Kiểm tra email đã nhập đúng chưa angular
- AngularJS Data Binding
- cách sử dụng ng-click angular
- Sử dụng AngularJS Controllers
- AngularJS Scope là gì
- AngularJS Filters
- Sử dụng Angular để sắp xếp dữ liệu
- Edit - Sort - Filter Table
- POST Angular JS
- Sơ đồ tổng quan angular
- Lấy dữ liệu json hiển thị ra lưới
- Vòng lặp trong vòng lặp
- Format trong angular
- Kết hợp angular với jquery
- Select event onchage
- Một số ứng dụng hay gặp trong angular
- Một số hàm xử lý biến mảng angular
- Input ngày với angularJS
- Select sử dụng ng-options AngularJS
- Tạo ngày chọn theo mục ngày, tuần, tháng, năm
- Tạo page tìm kiếm với Angular
- KeyUp,KeyPress,KeyDown trong input Angular
- Làm nút tăng giảm số lượng với Angular
- Tài liệu tham khảo angular
- ng-repeat trong angular
- Sự kiện render html hoàn thành trong angular
