showInputAlert change to input field


Hi all,

If I want to disable this Popup(showInputAlert):

showInputAlert() {
    let prompt = this.alertCtrl.create({
      title: 'Add New Item',
      message: "Add a new item to the todo list.",
      inputs: [{ name: 'title', placeholder: 'e.g Buy groceries' }],
      buttons: [
        { text: 'Cancel' },
          text: 'Add',
          handler: data => {
            this.todoService.add(data.title, []).subscribe(
              response => {
                let todo: Todo = {
                  name: data.title,
                  done: false,
                  tags: []

to a normal html inputfield(so no popup), how can I do that. The showInputAlert is in the page.ts file and what I want is that a input field in the page.html file wil do the same.

I guess the inputs: [{ name: ‘title’, placeholder: ‘e.g Buy groceries’ }], is the part what is the “field” for now


This may be what you’re looking for (Forms)