Ionischer Alarmanzeigefehler, wenn Passwörter nicht übereinstimmen

Question

Ich bin neu bei Ionic und möchte die Ionic-Warnung verwenden, um ein Passwort für einen Benutzer zu ändern. Im Moment habe ich dies:

let alert: Alert = Alert.create({ 
    title: 'Forgot Password', 
    subTitle: 'Enter a new password', 
    inputs: [ 
    { 
     name: 'password', 
     type: 'password', 
     placeholder: 'New Password' 
    }, 
    { 
     name: 'confirm_password', 
     type: 'password', 
     placeholder: 'Confirm Password' 
    } 
    ], 
    buttons: [ 
    { 
     text: 'Change Password', 
     handler: data => { 
     if (data.password != data.confirm_password) { 
      return false; 
     } else { 
      ...some requests sent... 
     } 
     } 
    } 
    ] 
}); 

Nun, wenn ich zwei verschiedene Passwörter eingeben, wird der Alarm nicht entlassen, aber ich möchte auf dem Alarm eine Meldung angezeigt werden soll.

Kann dies mit Ionic Alert durchgeführt werden? Ich habe nichts gefunden.

Danke!

Answer 1

Sie sind besser dran mit $ ionicPopup, die für Benutzereingaben gedacht ist. Es umfasst einen Bereich, so dass Sie den Winkel, den Sie suchen, tun können. Leider können Sie die Schaltfläche zum Speichern nicht programmgesteuert deaktivieren, wenn die Kennwörter nicht übereinstimmen.

$ionicPopup.show({ 
    template: '<input type="password" ng-model="data.password">' + 
       '<input type="password" ng-model="data.confirm_password">' + 
       '<div ng-show="data.password!=data.confirm_password>Passwords do not match</div>' 
    title: 'Forgot Password', 
    subTitle: 'Enter a new password', 
    scope: $scope, 
    buttons: [ 
     { text: 'Cancel' }, 
     { 
     text: 'Save', 
     type: 'button-positive', 
     onTap: function(e) { 
      if (data.password != data.confirm_password) { 
      return false; 
      } else { 
      ...some requests sent... 
      } 
     } 
     } 
    ] 
    });