Get value from input in Ionic 4 alert

General Tech Bugs & Fixes 2 years ago

0 2 0 0 0 tuteeHUB earn credit +10 pts

5 Star Rating 1 Rating

Posted on 16 Aug 2022, this text provides information on Bugs & Fixes related to General Tech. Please note that while accuracy is prioritized, the data presented might not be entirely correct or up-to-date. This information is offered for general knowledge and informational purposes only, and should not be considered as a substitute for professional advice.

Take Quiz To Earn Credits!

Turn Your Knowledge into Earnings.

tuteehub_quiz

Answers (2)

Post Answer
profilepic.png
manpreet Tuteehub forum best answer Best Answer 2 years ago

As of today the Ionic 4 documentation on ion-alert contains an example how to add a text input to an alert, like this:

const alert = await this.alertController.create({
  inputs: [
    {
      name: 'name1',
      type: 'text'
    },

But I can not find out how to access the value from the name1 text input, for example in the button handlers.

Do I have to use something like document.getElementById or is there a more Ionic/Angular-style way?

profilepic.png
manpreet 2 years ago

you can have a button that on the close of the alert can handle the data.

  const alert = await this.alertController.create({
      inputs: [
        {
          name: 'name1',
          type: 'text'
        }],    
       buttons">buttons: [
            {
              text: 'Cancel',
              role: 'cancel',
              cssClass: 'secondary',
              handler: () => {
                console.log('Confirm Cancel');
              }
            }, {
              text: 'Ok',
              handler: () => {
                 alert.onDidDismiss().then((alertData)=>{
                 console.log(alertData.data.values.name1)
                 })
              }
            }
          ]
  });

0 views   0 shares

No matter what stage you're at in your education or career, TuteeHub will help you reach the next level that you're aiming for. Simply,Choose a subject/topic and get started in self-paced practice sessions to improve your knowledge and scores.