Hiển thị giá trị nhập từ ô input ra màn hình Angular
Cách code hiển thị giá trị nhập từ ô input ra màn hình Angular
<html>
<head>
<title>Directive trong AngularJS</title>
<script src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
</head>
<body>
<div ng-app = "" >
<p>Nhap ten cua ban: <input type = "text" ng-model = "ten"></p>
<p>Xin chao <span ng-bind = "ten"></span>!</p>
</div>
</body>
</html>
Giải thích:
ng-model = "ten" là lệnh tạo ra biến ten để khi có sự thay đổi trên ô nhập liệu sẽ gán vào biến này
ng-bind = "ten" là khi biến ten thay đổi thì nạp giá trị ra ngay tại vị trí bind
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
