AngularJS ng-click 指令



  • 定义和用法

    ng-click 指令告诉 AngularJS 单击 HTML 元素时该怎么做。
  • 语法

    <element ng-click="expression"></element>
    
    所有HTML元素都支持。
  • 参数

    参数 必需的 描述
    expression 单击元素时要执行的表达式。
  • 示例

    下例演示了ng-click 指令定义了单击元素时将执行的 AngularJS 代码。
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>欢迎来到蝴蝶教程</title>
    <script src="//cdn.bootcss.com/angular.js/1.5.8/angular.min.js"></script>
    </head>
    <body>
         <div ng-app="myApp" ng-controller="myCtrl">
           <button ng-click="count = count + 1">点击我+1 </button>
           <p>{{ count }} </p>
         </div> 
        <script>
          var app = angular.module('myApp', []);
          app.controller('myCtrl', function($scope) {
              $scope.count = 0;
          });
        </script>
    </body>
    </html>