_co.Number is not a function

Ionic Framework ionic-v3
1

PAGES–Home.ts file

<ion-content padding autohide>
  <ion-fab bottom right #fab>
    <button ion-fab (click)="Number()">
      <ion-icon name="add"></ion-icon>
    </button>
  </ion-fab>

Directive—AutoHide.ts

Number(){
    let add=this.alertcontroller.create({
      title:'Submit Form',
      message:'Enter Number',
      inputs:[{
        type:'number',
        name:'addNumberInput'
      },
        {
          type:'radio',
          label:'Spam',
          value:'Spam'
        },
        {
          type:'radio',
          label:'Not Spam',
          value:'Not Spam'
        },
        {
          type:'textarea',
          name:'Add your Comment',
          placeholder:'Optional'
        }
      ],
      buttons:[{
        text:'Cancel'
      },
        {
          text:'SUBMIT'
        }
      ]
    });
    add.present();
  }
2

Hello,
hmmm…for the first part: If I see it right, then you call from html a function that not exist in the related PAGES-Home.ts. Create there a function named Number()

The second part: hmm…unclear. The only thing is, it has a function called Number(), but seems in no way connected with the first part.

Best regards, anna-liebt

3

how to make connection between directive(autohide.ts) and Pages(home.ts) i new in ionic so please tell me briefly