Angular 4复选框管道过滤器

Question

Hello I am trying to make a custom pipe filter which filters the data when checkbox is checked. I have a list of job locations which I want to filter when the certain job location is checked. I am providing the code which is related to the issue/problem.

Pipe code -

@Pipe({
  name: 'checkcity'
})
export class CheckcityPipe implements PipeTransform {

  transform(check: any, checked: any): any {
    let [loc] = checked;
    console.log('checked',checked);
    return checked
            ? check.filter(city => {return city.location }) 
            : check;
  }

}

Input Checkbox -

<input type="checkbox" value="" [(ngModel)]="checked" name="checked"> Bangalore

Data to filter -

<div *ngFor="let joblist of jobList | checkcity: checked">
    {{joblist.location}}
</div>

Answer 1

You should rename local var as joblist and the source as jobLists they should not be same. Can you try with the below code

@Pipe({
  name: 'checkcity'
})
export class CheckcityPipe implements PipeTransform {

  transform(check: any, checked: any): any {
    //let [loc] = checked;
    console.log('checked',checked);
    return checked
            ? check.filter(city =>  city.location == checked) 
            : check;
  }

}

<input type="checkbox" value="Bangalore" [(ngModel)]="checked" name="city"> Bangalore

<div *ngFor="let joblist of jobLists | checkcity: checked">
    {{joblist.location}}
</div>