搜索功能(管道)适用于离子服务,但不适用于实际的应用(调试或生产)

时间:2019-05-17 21:01:50

标签: android angular typescript ionic-framework

我已经构建了一个应用程序,以使用服务器上的JSON显示待售和待租属性列表。 我已经建立了一个管道,专门搜索邮政编码,区域等。这在浏览器的“离子服务”中非常有效,但是当我构建apk(调试,生产,签名,未签名)时,搜索功能不起作用,并且而是生成空白页。

这是我的搜索管道

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
  name: 'search',
  pure: false

})
export class ForSalePipe implements PipeTransform {

  transform(value: any, args?: any): any {
    if (!args) {
      return value;
    }
    return value.filter((val) => {
      const rVal = (val.propertyID.toLocaleLowerCase().includes(args)) || (val.addressPostcode.toLocaleLowerCase().includes(args))
        || (val.address3.toLocaleLowerCase().includes(args));
      return rVal;
    })

  }

}

HTML

<ion-row>
    <ion-searchbar [(ngModel)]="addressPostcode" placeholder="Search Properties"></ion-searchbar>
  </ion-row>

  <ion-row>

    <ion-col size="12" *ngFor="let property of propertyList?.properties.property | search:addressPostcode:['addressPostcode','address3'] | slice: 0:10; let i = index">
      <span *ngIf="i==0"></span>
      <ion-list class=" ion-activatable">
        <ion-ripple-effect></ion-ripple-effect>

搜索部分或全部邮政编码和区域名称与浏览器中的“离子服务”完全相同,但是我在应用程序中得到一个空白页面,其中包含任何搜索词,但是当搜索框为空时,所有未过滤的结果再次出现。

谢谢

0 个答案:

没有答案