AnglarJSフロントエンドページ操作のユーザがパスワード機能を変更した例

1463 ワード

本明細書の例は、AnglarJSフロントエンドページ操作のユーザがパスワード機能を変更することを説明する.皆さんに参考にしてあげます.具体的には以下の通りです.
最近は先端デザインをしていますが、主にAnglarJSと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 = "        ";
    }
  }
});

その後、具体的な表示情報は具体化され、基本的な考え方は、アングラーの双方向データバインディングを利用してデータ解析を行い、異なる情報を表示することである.
AnglarJS関連の内容についてもっと興味がある読者は、当駅のテーマを見ることができます.「AnglarJS指令操作技術まとめ」、「AnglarJS入門と進級教程」及び「AnglarJS MVCアーキテクチャまとめ」
この記事で皆さんのAnglarJSプログラムの設計に役に立ちますように.