<!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>
转载于:https://blog.51cto.com/quietnight/1905708