我试图在我的搜索栏中自动完成我到目前为止所做的事情.
我有一个带有一些字符串的数组.然后我试图在我的项目中列出我能够搜索特定项目.
但我的要求是不要在列表中显示项目.我必须单击搜索栏,所有数组中的字符串应该来,我必须进行搜索.
<ion-header>
<ion-navbar>
<ion-title>search</ion-title>
</ion-navbar>
<ion-toolbar primary >
<ion-searchbar (ionInput)="getItems($event)" autocorrect="off"></ion-searchbar>
</ion-toolbar>
</ion-header>
<ion-content padding>
<ion-list>
<ion-item *ngFor="let item of items">
{{ item }}
</ion-item>
</ion-list>
</ion-content>
Run Code Online (Sandbox Code Playgroud)
search.ts文件的代码:
import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
/*
Generated class for the SearchPage page.
See http://ionicframework.com/docs/v2/components/#navigation for more info on
Ionic pages and navigation.
*/
@Component({
templateUrl: 'build/pages/search/search.html',
})
export class SearchPage {
private searchQuery: string = '';
private items: string[];
constructor(private navCtrl: NavController) { …Run Code Online (Sandbox Code Playgroud)