1

現在のテキスト フィルターは配列を正常にフィルター処理し、大文字と小文字が完全に一致するものだけを出力します。それぞれのケースの検索結果に影響を与えずにケースを一致させずに検索できるようにしたい。

users = [
  {fname: 'John', lname: 'doe'},
  {fname: 'Jane', lname: 'Doe'}
];

<h3>USERS</h3>
<input type="text" Name="userSearch" [(ngModel)]="userSearch">

<ul *ngFor="let user of users">
  <li>{{ user.fname }} {{ user.lname }}</li>
</ul>

検索テキスト:doe
検索結果:John doe
期待される結果: John doe,Jane Doe

現在のテキスト フィルタ パイプ:

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

@Pipe({ name: 'textFilter' })
export class TextFilter implements PipeTransform
{
  transform(value: any, term: any) {
    if (!term) { return value; }
    return value.filter((item: any) => {
      for (let prop in item) {
        if (typeof item[prop] === 'string' && item[prop].indexOf(term) > -1) {
          return true;
        }
      }
      return false;
    });
  }
}
4

1 に答える 1

2

これを試して

@Pipe({ name: 'textFilter' })
export class TextFilter implements PipeTransform
{
  transform(value: any, term: any) {
    if (!term) { return value; }
    return value.filter((item: any) => {
      for (let prop in item) {
        if (typeof item[prop] === 'string' && 
          item[prop].toLowerCase().indexOf(term.toLowerCase()) > -1) {
          return true;
        }
      }
      return false;
    });
  }
}
于 2017-05-03T04:35:17.777 に答える