我的项目运行完美,我遇到的唯一问题是搜索区分大小写。它可以很好地搜索子字符串,但是如果我输入"Test",它忽略了"test"作为有效结果。
我在用pouchdb 查找 https://www.npmjs.com/package/pouchdb-find使搜索更容易并且与 cloudant 搜索更相关限制/跳过分页参数。
我正在使用离子搜索栏 https://ionicframework.com/docs/api/components/searchbar/Searchbar/供用户输入查询的字符串。
这是我的控制器代码摘录:
@Component({
selector: 'page-notas',
templateUrl: 'notas.html'
})
export class NotasPage {
notas: Array<Object> = [];
zone: any = new NgZone({ enableLongStackTrace: false });
db: any = new PouchDB('banco_de_dados.bd');
db_limit = 10;
pouch_query: object = {
selector: { data_emissao: { $gt: null } },
sort: [ {'data_emissao' : 'desc'} ],
limit: 10,
skip: 0,
};
constructor(
private scanner: BarcodeScanner,
private toastCtrl: ToastController,
private googleAnalytics: GoogleAnalytics,
public navCtrl: NavController,
public alertCtrl: AlertController,
public modalCtrl: ModalController
) {
this.notas = [];
}
//...
// unrelated code in here
//...
onInput($event:any) {
this.googleAnalytics.trackEvent('SearchBar', 'onInput', 'Event: ' + $event);
//Here is the query options, it's working, the only problem is that it's case sensitive
this.pouch_query = {
selector: {
data_emissao: { $gt: null },
descricao: { $regex: this.search_query }
},
sort: [ {'data_emissao' : 'desc'} ],
limit: 10,
skip: 0
};
// this function is a little bigger
// butit just makes the search and list it in a ion-list
this.refresh();
}
}
这是组件代码摘录。
<!-- MORE UNRELATED CODE -->
<ion-searchbar
[(ngModel)]="search_query"
[showCancelButton]="shoulShowCancelButton"
(ionInput)="onInput($event)"
(ionCancel)="onCancel($event)">
</ion-searchbar>
<!-- MORE UNRELATED CODE -->