# 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是目前非常火的開源介面庫。