小编bal*_*aji的帖子

如何在离子2(搜索栏)中自动完成

我试图在我的搜索栏中自动完成我到目前为止所做的事情.

我有一个带有一些字符串的数组.然后我试图在我的项目中列出我能够搜索特定项目.

但我的要求是不要在列表中显示项目.我必须单击搜索栏,所有数组中的字符串应该来,我必须进行搜索.

<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)

typescript ionic-framework ionic2 ionic3 angular

10
推荐指数
1
解决办法
2万
查看次数

标签 统计

angular ×1

ionic-framework ×1

ionic2 ×1

ionic3 ×1

typescript ×1