<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>test</title>
    <script src="js/angular.js"></script>
    <script type="application/javascript">
        (function(angular) {
            'use strict';
            angular.module('myApp', [])
                    .controller('firstController', function firstController($scope,$timeout) {
                        $scope.myclick = function(){
                            alert('ok');
                        }
                        $scope.mydbclick = function(){
                            alert('double click');
                        }
                        $scope.checkform = function(){
                            alert('提交');
                        }
                        $scope.mychange = function(){
                            alert('ok');
                        }
                        $scope.mycopy = function (){
                            alert('copy');
                        }
                        $scope.mypaste = function(){
                            alert('do paste');
                        }
                        $scope.mycut = function(){
                            alert('do cut');
                        }
                    });
        })(window.angular);
    </script>
</head>
<body >
<div ng-app="myApp">
    <div ng-controller="firstController">
        <div ng-click="myclick()">点击</div>
        <div ng-dblclick="mydbclick()">双击</div>
        <form name="testform" ng-submit="checkform()" target="_blank" action="http://www.baidu.com" method="get">
            <input type="submit" name="submit" value="提交form">
        </form>


        <input type="checkbox" ng-model="sel"/>
        <select>
            <option>1</option>
            <option ng-selected="sel">2</option>
        </select>

        <input  value="" name="test" ng-change="mychange()" ng-model="ch"/>
        `ch`<!--这个加载很快时 会出现-->
        <div ng-bind="ch"></div><!--下面这个这不会-->
        <div ng-cloak >`ch`</div><!--下面这个这不会-->
        <div ng-non-bindable>`ch`</div>
        <br/>
        <input value="" name="test2" ng-copy="mycopy()" />
        <br/>
        <input value="" name="test3" ng-paste="mypaste()"/>
        <input value="121" name="test4" ng-cut="mycut()"/>
    </div>
</div>
</body>
</html>