Bài 21: Sự kiện ng-click trong angularjs

Lượt xem: 6185

Xem demo

Làm thế nào để sử dụng ng-click trong angularjs?

Chúng ta cùng tìm hiểu ví dụ sau về cách sử dụng ng-click


 <html>  
   <head>  
    <title>Sự kiện ng-click trong angularjs </title>  
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script>  
     <script>  
      angular.module('MyForm', [])  
           .controller('myController', ['$scope', function($scope) {  
     $scope.count = 0;  
 $scope.AddClick = function () {  
         $scope.count++;  
       };  
            }]);  
     </script>  
	 </head>  
   <body ng-app="MyForm"  >  
    <h3 > Làm thế nào để sử dụng ng-click <h3 />  
	      <input type="button" value="Hãy click tôi" ng-click="AddClick()" /> 
            <br/> 
             <br/> 
            <p>  
			Bạn đã click{{count}} lần
     </p> 
   </body>  
 </html> 

Dùng ng-click set lại ảnh Chính từ ảnh thumbnail

 

Xem demo