本文實(shí)例講述了AngularJS前端頁(yè)面操作之用戶(hù)修改密碼功能。分享給大家供大家參考，具體如下：

最近在做前端設(shè)計(jì)，主要使用的知識(shí)有AngularJS和nodejs來(lái)進(jìn)行頁(yè)面顯示和數(shù)據(jù)請(qǐng)求、處理等工作。在設(shè)計(jì)頁(yè)面比如忘記密碼時(shí)，發(fā)現(xiàn)一個(gè)有效的設(shè)計(jì)思路是很重要的。

就以修改密碼為例，要將提示信息友好的展示給用戶(hù)，明確告訴用戶(hù)在操作的過(guò)程中那部分有問(wèn)題，這需要定義詳細(xì)的變量以及能在頁(yè)面的不同位置顯示信息。下面的代碼是自己寫(xiě)的一個(gè)簡(jiǎn)單例子，記錄學(xué)習(xí)進(jìn)程。

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 = "請(qǐng)?zhí)顚?xiě)完整";    }else if ($scope.newPwd != $scope.rNewPwd) {      $scope.resultNotSame = "兩次密碼不一致";    }else if ($scope.pwd == $scope.newPwd) {      $scope.result = "新舊密碼不能一致";    }  }});

之后具體的顯示信息可以在具體化，基本思路是利用angular的 雙向數(shù)據(jù)綁定來(lái)進(jìn)行數(shù)據(jù)分析，從而顯示不同的信息。

更多關(guān)于AngularJS相關(guān)內(nèi)容感興趣的讀者可查看本站專(zhuān)題：《AngularJS指令操作技巧總結(jié)》、《AngularJS入門(mén)與進(jìn)階教程》及《AngularJS MVC架構(gòu)總結(jié)》

希望本文所述對(duì)大家AngularJS程序設(shè)計(jì)有所幫助。