Javascript оповещение на ионной странице входа

Question

Я пытаюсь просто вызвать предупреждение JavaScript на странице входа в приложение Ionic.

Однако это не работает.

Сначала я пытаюсь добавитьпростое оповещение, тогда мне нужно будет автоматически добавлять нули влево при использовании входа в систему.

Если я даже не могу использовать оповещение, представьте, что вы добавляете более сложный код.

Вот HTML-код, который у меня есть.

<ion-content padding class="content-bg-color">
 <div class="logo-pagina-login">
  <img src="assets/logo.svg" alt="Logo" />
 </div>
 <p class="acesse-sua-conta" [@acesseSuaContaIn]="estadoAnimacaoAcesseSuaConta">
  Acesse sua conta
 </p>
 <ion-item class="form-input-value" [@texboxIn]="estadoAnimacaoTextBox">
  <ion-label floating class="login-page-form">
      <ion-icon name="contact"></ion-icon>
      Usuário
  </ion-label>
 <ion-input type="text" autocapitalize="none" #txtLogin class="login-page-form"(ionBlur)="GetParamsPreAuthentication(txtLogin.value);"></ion-input>
 </ion-item>
 <ion-item class="form-input-value" [@texboxIn]="estadoAnimacaoTextBox">
  <ion-label floating class="login-page-form">
      <ion-icon name="unlock"></ion-icon>
      Senha
  </ion-label>
  <ion-input [type]="senhaPasswordType" #txtSenha class="login-page-form"></ion-input>
  <button ion-button icon-only item-end clear default class="loginPasswordIcon" (click)="TogglePasswordSenha()">
    <ion-icon [name]="senhaPasswordIcon"></ion-icon>
  </button>
  </ion-item>
  <div [ngClass]="{ 'hide-element': !habilitaData }">
  <ion-item class="form-input-value" [@texboxIn]="estadoAnimacaoTextBox">
      <ion-label #lbDataNascimento floating class="login-page-form">
          <ion-icon name="calendar"></ion-icon>
          {{lbDataNascimento.label}}{{textoCampoData}}
      </ion-label>
      <ion-datetime displayFormat="DD/MM/YYYY" #txtData cancelText="Cancelar" doneText="Selecionar">     </ion-datetime>
  </ion-item>
  </div>
  <div [ngClass]="{ 'hide-element': !habilitaPergunta }">
  <ion-item class="form-input-value" [@texboxIn]="estadoAnimacaoTextBox">
      <ion-label floating class="login-page-form">
          <ion-icon name="key"></ion-icon>
          Resposta
      </ion-label>
      <ion-input [type]="respostaPasswordType" #txtResposta class="login-page-form"></ion-input>
      <button ion-button icon-only item-end clear default class="loginPasswordIcon" (click)="TogglePasswordResposta()">
        <ion-icon [name]="respostaPasswordIcon"></ion-icon>
      </button>
  </ion-item>
  <ion-label #lbPerguntaChave class="login-page-form label-pergunta-chave">{{lbPerguntaChave.value}}{{preAuthentication.PerguntaChave}}</ion-label>
  </div>
  <button ion-button block color="secondary" class="btn-entrar" (click)="OnEntrarClick(txtLogin.value, txtSenha.value, habilitaPergunta ? txtResposta.value : '', habilitaData ? txtData : '');" [@buttonIn]="estadoAnimacaoBotao">Entrar</button>
 <p class="esqueceu-a-senha" [@esqueciMinhaSenhaIn]="estadoAnimacaoEsqueciMinhaSenha">
  Esqueceu a senha? <a (click)="OnEsqueciASenhaClick();">Clique aqui</a>
 </p>

 </ion-content>

Я пыталсядобавив предупреждение на этой странице, но приложение не распознает.И я не уверен почему.Любые идеи о том, что может происходить?

Спасибо.

Answer 1

Прежде чем ответить на ваш вопрос, я хотел бы предложить вам использовать AlertController , предоставленный Ionic, для отображения предупреждений.Вы даже можете добавить флажки, кнопки и другие поддерживаемые элементы внутри ионного оповещения. Код ссылки и примера: https://ionicframework.com/docs/api/alert

У вас также есть возможность использовать ModalController для полностью настроенных окон оповещения / подсказокСсылка: https://ionicframework.com/docs/api/modal

Теперь, чтобы ответить на ваш вопрос: Если вы хотите использовать собственный javascript внутри вашего ионного проекта, вы должны включить его в файл index.html , созданный ионной платформой,Чтобы понять, как добавить пользовательский Javascript в ионный, зацените этот ответ: https://stackoverflow.com/a/44134679/9088454