AngularJS 控制器中处理DOM事件

# AngularJS 控制器中处理DOM事件 标签（空格分隔）： AngularJS — AngularJS应用中的DOM事件可以在控制器中完成。AJ框架为我们提供了事件绑定指令，只需要在原生的avascript事件名称前增加ng-前缀,如 ng-click,ng-keyup…。下面是一个例子： 先设计一个用户登录的用户名输入：

…

再设计密码输入：

再设计登录和重置按钮：

登录 重置

…

下面为登录和重置按钮绑定事件：

function LoginController( $scope) {$scope.login = function(){ if( $scope.uname == "admin" &&$scope.pword == "admin"){ alert("登录成功！"); } else { alert("用户名密码错误，请检查！"); } } } var app = angular.module("app",[]); app.controller("LoginController",LoginController);

js脚本中定义了一个控制器LoginController，通过作用域对象$scope给登录按钮绑定的事件进行定义，其中DOM
事件就是通过ng-前缀进行声明的，如果账号和密码都是admin提示登录成功。完成一个简单的登录界面。在代码中的

是代码中使用了Bootstrap框架对界面进行了简单的美化,前面进行了相关的引用


ch03_03




Bootstrap是目前非常火的开源界面库。