パイプフィルターコールされてもフィルタリングされた値はコンポーネントに返されません

Question

ドロップダウン用のカスタムパイプを作成しましたが、フィルタリングされた値はコンポーネントに渡されてコンソールにエラーもありません。

マイコンポーネント - ユーザ・アレイは

マイカスタムパイプ

import { Pipe,PipeTransform } from '@angular/core' 
import { Users } from './users' 

@Pipe({ 
    name :'startswith', 
}) 

export class PipeFilter implements PipeTransform{ 
    transform(value : any[]){ 
     if(value == null){ 
      return null; 
     }else{ 

     return value.filter(item => { 
      console.log(item.first_name.includes('e')); 
     item.first_name.includes('e')} 
     ); 
     } 
    } 

} 

My Console Output which tells me the pipe is getting called

Answer 1

あなたは1つのreturnの文が欠落しているWebサービスから移入され

<select [(ngModel)]="userid" (ngModelChange)="onChange()"> 
      <option value=""> </option> 
      <option *ngFor = "let user of (users|startswith)" [value] = "user.id"> 
       {{user.first_name}} 
      </option> 
     </select> 

    ngOnInit():void{ 
     this.appService.getUsers().then(user =>this.users = user); 
    } 

テンプレート：

export class PipeFilter implements PipeTransform{ 
    transform(value : any[]){ 
     if(value == null){ 
      return null; 
     } else { 
      return value.filter(item => { 
      console.log(item.first_name.includes('e')); 
      return item.first_name.includes('e')} // add return here 
     ); 
     } 
    } 
}