Search not innitializing

Hei Yall
What am i doin wrong here;
The searchbar is not popin up the searched item.Am i missing something.Heres my code:

export class MyPage {

searchQuery: string = ‘’;
constructor(public navCtrl: NavController,menu: MenuController,



initializeItems() {
this.items = [
‘Buenos Aires’,
‘Hong Kong’,
‘Le Havre’,
‘Los Angeles’,
‘New York’,
‘Panama City’,
‘San Francisco’,
‘Tel Aviv’,

getItems(searchbar) {
// Reset items back to all of the items

// set q to the value of the searchbar
var q = searchbar.value;

// if the value is an empty string don't filter the items
if (q.trim() == '') {

this.items = this.items.filter((v) => {
  if (v.toLowerCase().indexOf(q.toLowerCase()) > -1) {
    return true;
  return false;


Then in the html page i did the following:

  <ion-avatar item-left>
    <img src="icons/icondefault.png">
  <h2>{{ item }}</h2>

But search is not returning a searched item like in the demo app.