方法一:
html 代码
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
- </head>
- <body>
- <div ng-app="myApp" ng-controller="myCtrl">
- <button ng-click="count = count + 1"> 点我!</button>
- <p>{{ count }}</p>
- </div>
- <script>
- var app = angular.module('myApp', []);
- app.controller('myCtrl', function($scope) {
- $scope.count = 0;
- });
- </script>
- </body>
- </html>
方法二: 整理了下
html 代码
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
- </head>
- <body>
- <div ng-app="myApp" ng-controller="myCtrl">
- <button ng-click="add()"> 点我!</button>
- <p>{{ count }}</p>
- </div>
- <script>
- var myapp = angular.module('myApp', []);
- myapp.controller('myCtrl', function($scope) {
- $scope.count = 0;
- $scope.add=function(){
- $scope.count = $scope.count + 1
- }
- });
- </script>
- </body>
- </html>
来源: http://www.qdfuns.com/article/33195/63a88147a3cd3ce9a067a9194f1df2e1.html