cách sử dụng ng-click angular
ng-click thực hiện xử lý khi click vào 1 đối tượng được gán ng-click
* 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">
<h1 ng-click="ClickVaoToi()">{{Ten}}</h1>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.Ten = "iif.vn";
$scope.ClickVaoToi = function() {
$scope.Ten = "iif.vn là framework do Hồng Nhật sáng lập";
}
});
</script>
</body>
</html>
* Giải thích:
Khi ứng dụng khởi tạo biến Ten được nạp vào thẻ h1,và khi click vào thẻ h1 nội dung sẽ được đổi lại.
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 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
