最近做項目,要用到AngularJs,之前也有用過一點點,但僅限于數據的綁定,這次項目要整個前端需要使用這個框架,可能是不熟悉的原因,感覺這代碼搞起來非常的不便利,;現總結一個響應回車事件:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>test</title><script src="http://apps.bdimg.com/libs/angular.js/1.3.9/angular.min.js"></script>
<script>
var myApp = angular.module("myApp", []);myApp.controller("testCtrl", function($scope){$scope.myClass = 'red';$scope.isClick = 'No!';$scope.myKeyup = function(e){var keycode = window.event?e.keyCode:e.which;if(keycode==13){$scope.myClass = 'green';$scope.myClick();}};$scope.myClick = function(){$scope.isClick = 'Yes!';};});
</script>
<style>
.red {color:red}
.green {color:green}
</style>
</head><body>
<div ng-app="myApp"><div ng-controller="testCtrl"><input ng-keyup="myKeyup($event)" type="text" /><ul><li ng-click="myClick()" class="{{myClass}}">{{isClick}}</li></ul></div>
</div>
</body>
</html>