**search.html **
<ng-template #withCode let-attrs="attrs"> <span [innerHTML]="attrs.data.name | boldprefix:attrs.keyword"></span> - <span [innerHTML]="attrs.data.code | boldprefix:attrs.keyword"></span> </ng-template> <ion-auto-complete id="search" [dataProvider]="statinAutoComp" formControlName = "fromStation" [options]="{ placeholder : 'From Station',debounce:400 }" [template]="withCode" [hideListOnSelection]='true'> </ion-auto-complete>
search.module.ts
@NgModule({ declarations: [ TrainSearchPage, ], imports: [ AutoCompleteModule, IonicPageModule.forChild(TrainSearchPage), ] })
search.ts
Constructor
` constructor(public navCtrl: NavController,
public loadingCtrl:LoadingController,
public alertCtrl:AlertController,
public datepipe:DatePipe,
public modalCtrl:ModalController,
public completeTestService:CompleteTestService,
public saveService:SaveSearchesService,
public statinAutoComp:StationAutoComplete
) {
}`
please help me
**search.html **
<ng-template #withCode let-attrs="attrs"> <span [innerHTML]="attrs.data.name | boldprefix:attrs.keyword"></span> - <span [innerHTML]="attrs.data.code | boldprefix:attrs.keyword"></span> </ng-template> <ion-auto-complete id="search" [dataProvider]="statinAutoComp" formControlName = "fromStation" [options]="{ placeholder : 'From Station',debounce:400 }" [template]="withCode" [hideListOnSelection]='true'> </ion-auto-complete>search.module.ts
@NgModule({ declarations: [ TrainSearchPage, ], imports: [ AutoCompleteModule, IonicPageModule.forChild(TrainSearchPage), ] })search.ts
Constructor
` constructor(public navCtrl: NavController,
public loadingCtrl:LoadingController,
public alertCtrl:AlertController,
public datepipe:DatePipe,
public modalCtrl:ModalController,
public completeTestService:CompleteTestService,
public saveService:SaveSearchesService,
public statinAutoComp:StationAutoComplete
) {
}`
please help me