title: ionic - Dismiss alert controller and/or input field when escape key pressed
body: <p>Using ionic 3 on a desktop. I have a list of items. Each item can be edited and then the changes saved or cancelled. If I hit edit and the input box opens, I want to be able to close the edit/input box by hitting escape. I also have an alert controller to add an item to the list. I would like the alert controller to go away upon hitting escape. Neither of these functions work now, and I'm not sure how to add them. I've searched the ionic docs, but I guess I am not understanding them.</p>
  
  <p>Here is the code:</p>
  
  <p>settings.ts</p>
  
  <pre><code>itemTapped(item) {
      this.selectedItem = item;
      this.selectedItem.wasClicked = true;
      console.log(this.selectedItem);
      this.addTable = true;
      this.refreshRows();
  }
  
  refreshRows() { 
      this.editRowIndex = null;
      this.selectedItem.service.find()
        .subscribe(data =&gt; {
            this.rows = data;
            console.log("The data id is: " + data.id);
      });
    }
  
    cancelTapped() {
        this.addTable = false;
    }
  
    addTapped(event, cell, rowIndex) {
        const prompt = this.alertCtrl.create({
            title: "Add " + this.selectedItem.label.slice(0, 
            this.selectedItem.label.length-this.selectedItem.trimSingle),
        cssClass: 'buttonCss',
        enableBackdropDismiss: false,
        inputs: [
            {
                name: 'name',
            }
        ],    
        buttons: [      
          {
            text: 'Cancel',
            cssClass: 'item-button button button-md button-outline button-outline-md'
          },
          {
            text: 'Save',
            handler: data =&gt; {
              this.saveNewRow(data);
            },
            cssClass: 'buttonColor item-button button button-md button-default button-default-md button-md-pm-yellow'          
          },               
        ],
      });
      prompt.present();
      console.log("You clicked on a detail.");
    }
  
    saveNewRow(data) {
      this.selectedItem.service.findOne({order: "id DESC"}).subscribe(result =&gt; {
        console.log('The result is ', result);
        this.editRowId = result.id+1;
        this.editRowData = { id: this.editRowId, name: data.name };
        console.log('editRowData is ', this.editRowData);
        this.selectedItem.service.create(this.editRowData).subscribe(result =&gt; {
          this.refreshRows();
        });
      })
    }
  
    saveRow(name) {
     let newName = name.nativeElement.value;  
     if (newName !== this.editRowData["name"]) {
       this.editRowData["name"] = newName;
       this.selectedItem.service.updateAttributes(this.editRowData["id"], 
  this.editRowData).subscribe(result =&gt; {
         let rows = this.rows;
         this.editRowIndex = null;
         this.rows = [...this.rows];
       })
     }
    }
  
    editRow(rowIndex) {
      this.editRowData = this.rows[rowIndex];
      this.editRowId = this.rows[rowIndex].id;
      this.editRowName = this.rows[rowIndex].name;
      this.editRowIndex = rowIndex;
      setTimeout(() =&gt; this.name.nativeElement.focus(), 50);
    }
  
    cancelEditRow(rowIndex) {
      this.rows[rowIndex].name = this.editRowName;
      this.editRowIndex = null;
    }
  
    deleteRow(rowIndex) {
        this.selectedItem.service.deleteById(this.rows[rowIndex].id)
        .subscribe(result =&gt; {              
            this.refreshRows()
        }, error =&gt; {
            console.log(error);
            const noDelete = this.alertCtrl.create({
              title: this.rows[rowIndex].name + ' is in use and cannot be deleted.',
          // subTitle: 'You cannot delete this ' + 
        this.selectedItem.label.slice(0, this.selectedItem.label.length-this.selectedItem.trimSingle),
          buttons: [
            {
              text: 'Dismiss',
              cssClass: 'item-button button button-md button-outline button-outline-md'
            }
          ]
        });
        noDelete.present();
      });
    }
  }
  </code></pre>
  
  <p>Thanks!</p>