import { Component, OnInit } from '@angular/core'; import { Router } from '@angular/router'; @Component({ selector: 'app-friends', templateUrl: './friends.page.html', styleUrls: ['./friends.page.scss'], }) export class FriendsPage implements OnInit { ngOnInit() { } constructor(private router:Router) { } goChatPage(){ this.router.navigate(["..//chat-page"],{ }) } goAiChatPage(){ this.router.navigate(["..//ai-chat-page"],{ }) } public data = [ 'Amsterdam', 'Buenos Aires', 'Cairo', 'Geneva', 'Hong Kong', 'Istanbul', 'London', 'Madrid', 'New York', 'Panama City', ]; public results = [...this.data]; handleInput(event:any) { const query = event.target.value.toLowerCase(); this.results = this.data.filter((d) => d.toLowerCase().indexOf(query) > -1); } }