Question

大家好，我正在使用nativescript在移动应用程序中忘记密码，并且我想在用户在对话框中插入错误的电子邮件或错误的后缀时显示警报消息，但我无法确定是否有任何正文可以帮助您？

 let options: PromptOptions = {
                        title: "Entrez votre nouveau mot de passe",
                        okButtonText: "Suivant",
                        cancelButtonText: "Annuler",
                        cancelable: true,
                        inputType: inputType.password,
                        capitalizationType: capitalizationType.none
                      }; prompt(options).then((pass: PromptResult) => {
                        if (pass.text && pass.result == true) {
                          let options: PromptOptions = {
                            title: "Entrez votre nouveau mot de passe de nouveau",
                            okButtonText: "Suivant",
                            cancelButtonText: "Annuler",
                            cancelable: true,
                            inputType: inputType.password,
                            capitalizationType: capitalizationType.none
                          }; prompt(options).then((pass2: PromptResult) => {
                            if (pass2.text && pass2.result == true) {
                              if (pass.text == pass2.text) {
                                this.auth.resetMDP(this.email, this.code, pass2)
                                  .then((res: any) => {
                                    if (res.message == 'OK')
                                      alert('votre mot de passe a été changé avec succès')
                                  }).catch((err: any) => { alert(err); })
                              } else alert("re-entrez le mot de passe correctement s'il vous plait");
                            }
                          })
                        }
                      });

因为我试图使其正常工作，但对话框始终关闭

Answer 1

在我的应用程序中，我使用模态来处理自定义对话框样式和特殊操作（因为您需要在不关闭对话框的情况下进行验证）。最简单的是：

这是您的称呼方式：

page.showModal(
  "you/path/to/modal/directory",
  {
    // your binding context
  },
  () => {
     // on close callback
  }
);

假设您具有XML形式的模式布局，并且背后有代码（以我的打字稿为例）：

<Page xmlns:RL="nativescript-ripple" xmlns="http://schemas.nativescript.org/tns.xsd" shownModally="onShownModally" >
<DockLayout stretchLastChild="false">
    <Label dock="top" text="Hello Modal!!" horizontalAlignment="center" />
    <TextView dock="top" text="{{ message }}" fontSize="15sp" horizontalAlignment="left" />
    <Button dock="bottom" text="OK" tap="onOkTap" />
</DockLayout>

let closeCallback: () => void;

export function onShownModally(args: any) {
  const page: Page = <Page>args.object;
  const context = args.context;
  // your close callback logic that you passed 
  closeCallback = args.closeCallback;
  // bind you context object to modal
  page.bindingContext = fromObject(context);
}

export function onOkTap(args: EventData) {
  const page = args.object as Page;
  if (closeCallback !== null && closeCallback !== undefined) {
    closeCallback();
  } else {
    page.closeModal();
  }
}

如何保持对话框显示并警告本机脚本

1 个答案: