Side menu's function doesn't work

i try to create menu logout that call page login, but it sound co.logout is not function

i create component menu, should i edit code in app or component ? image

here is my code, please help me`
app.html and heander menu.html ( the code was sae, i try create at menu.html before but that’s not display so i create at app.html)

<ion-menu side="right" [content]="content">

      My Acount
    <button menuClose ion-item icon-left detail-none no-line>
    <button ion-item icon-left detail-none


<ion-nav [root]="rootPage" #content></ion-nav>

and for function i create at header-menu.ts

import { Component } from '@angular/core';
import { NavController, App, Nav } from 'ionic-angular';
import { MenuController } from 'ionic-angular';

 * Generated class for the HeaderMenuComponent component.
 * See for more info on Angular
 * Components.
  selector: 'header-menu',
  templateUrl: 'header-menu.html'
export class HeaderMenuComponent {

    constructor(public navCtrl: NavController, 
      public app: App, 
      public menuCtrl: MenuController) {
  console.log('Hello HeaderMenuComponent Component')
    // Remove API token 
    const root =;




the error means that from html side the function logout() in ts side is not accessable, mostly a typo or wrong ‘’. But this looks good. Maybe clear browser cache and restart ionic serve will help.

Best regards, anna-liebt

thank u ann,

i’ll try that suggestion