本文實例講述了AngularJS前端頁面操作之用戶修改密碼功能。分享給大家供大家參考，具體如下：
最近在做前端設計，主要使用的知識有AngularJS和nodejs來進行頁面顯示和數據請求、處理等工作。在設計頁面比如忘記密碼時，發現一個有效的設計思路是很重要的。
就以修改密碼為例，要將提示信息友好的展示給用戶，明確告訴用戶在操作的過程中那部分有問題，這需要定義詳細的變量以及能在頁面的不同位置顯示信息。下面的代碼是自己寫的一個簡單例子，記錄學習進程。
changePwd
var app = angular.module("myapp",[]);app.controller('changPwdCtrl',function($scope){ $scope.name = "xiaozhang"; $scope.pwd = "hello"; $scope.newPwd = "hello1"; $scope.rNewPwd = "hello2"; $scope.submit = function (){ $scope.reseltNotRule = ''; $scope.resultNotSame = ''; $scope.result = ''; $scope.resultSuccess = ''; if(!($scope.name&&$scope.pwd&&$scope.newPwd&&$scope.rNewPwd)){ $scope.result = "請填寫完整"; }else if ($scope.newPwd != $scope.rNewPwd) { $scope.resultNotSame = "兩次密碼不一致"; }else if ($scope.pwd == $scope.newPwd) { $scope.result = "新舊密碼不能一致"; } }});之后具體的顯示信息可以在具體化，基本思路是利用angular的 雙向數據綁定來進行數據分析，從而顯示不同的信息。
更多關于AngularJS相關內容感興趣的讀者可查看本站專題：《AngularJS指令操作技巧總結》、《AngularJS入門與進階教程》及《AngularJS MVC架構總結》
希望本文所述對大家AngularJS程序設計有所幫助。
新聞熱點
疑難解答
