如果密碼不匹配，Ionic警報顯示錯誤

Question

我是Ionic的新手，我想使用Ionic警報更改用戶的密碼。 目前，我得到這個：

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... 
     } 
     } 
    } 
    ] 
}); 

現在，如果我輸入2個不同的密碼，警報沒有被駁回，但我想上顯示警告信息。

這可以用Ionic Alert完成嗎？我沒有設法找到任何東西。

謝謝！

Answer 1

你最好使用$ ionicPopup，它是用於用戶輸入的。它在一個範圍內，以便你可以做你想找的角度。不幸的是，如果密碼不匹配，您無法以編程方式禁用保存按鈕。

$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... 
      } 
     } 
     } 
    ] 
    });