Maison > interface Web > js tutoriel > le corps du texte

Explication détaillée de l'exemple de code pour la fonction de modification du mot de passe de l'utilisateur dans le fonctionnement de la page frontale AngularJS

黄舟
Libérer: 2017-03-27 14:29:57
original
1836 Les gens l'ont consulté

Cet article présente principalement la fonction de modification du mot de passe utilisateur du fonctionnement de la page frontale AngularJS. Il analyse les compétences de mise en œuvre des opérations de jugement d'AngularJS pour que les utilisateurs frontaux puissent modifier les mots de passe en fonction d'exemples spécifiques. référez-vous à lui

L'exemple de cet article décrit la fonction de modification du mot de passe utilisateur du fonctionnement de la page frontale AngularJS. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

J'ai récemment fait de la conception front-end et les principales connaissances que j'utilise sont AngularJS et nodejs pour l'affichage des pages et la demande et le traitement des données. Lors de la conception d'une page telle qu'un mot de passe oublié, il est important de trouver une idée de conception efficace.

Prenons l'exemple de la modification du mot de passe. Pour afficher les informations d'invite à l'utilisateur de manière conviviale et indiquer clairement à l'utilisateur quelle partie de l'opération pose problème, cela nécessite de définir des variables et fonctions. Afficher des informations à différents endroits de la page. Le code suivant est un exemple simple écrit par moi-même pour enregistrer le processus d'apprentissage. Après

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 = "新旧密码不能一致";
    }
  }
});
Copier après la connexion
, les informations d'affichage spécifiques peuvent être concrétisées. L'idée de base est d'utiliser la

liaison de données bidirectionnelle d'Angular pour effectuer une analyse des données à afficher. informations différentes.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal