AnglarJSフロントエンドページ操作のユーザがパスワード機能を変更した例
1463 ワード
本明細書の例は、AnglarJSフロントエンドページ操作のユーザがパスワード機能を変更することを説明する.皆さんに参考にしてあげます.具体的には以下の通りです.
最近は先端デザインをしていますが、主にAnglarJSとnodejsでページ表示やデータ要求、処理などの仕事をしています.デザインページでパスワードを忘れたときなど、効果的なデザインのアイデアを見つけることが大切です.
パスワードの変更を例にとって、ユーザーに情報を友好的に提示し、操作中の部分に問題があることを明確にユーザーに教えます.これは詳細な変数を定義し、ページの異なる位置に情報を表示する必要があります.下記のコードは自分で書いた簡単な例です.学習プロセスを記録します.
changePwd
AnglarJS関連の内容についてもっと興味がある読者は、当駅のテーマを見ることができます.「AnglarJS指令操作技術まとめ」、「AnglarJS入門と進級教程」及び「AnglarJS MVCアーキテクチャまとめ」
この記事で皆さんの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プログラムの設計に役に立ちますように.