如何在 angular 中使大小写可搜索

Question

我的 angular 项目中有搜索栏，我正在尝试让搜索栏同时允许大写和小写，但不确定该怎么做，如果我能得到任何建议或帮助。

现在每个字母都必须小写才能获得搜索结果。

我希望搜索栏同时允许 Pascal Case 和 Camel Case。 例如用户可以输入，

"New York" "new york" "New york" "New YorK" 并返回相同的结果。

HTML

 <input class="input" matInput name="query" [formControl]="query" placeholder="Filter Workspace">

TS

query: FormControl = new FormControl();
searchText: string;


  ngOnInit(): void {

    this.query.valueChanges
      .pipe(takeUntil(this.death$))
      .subscribe((value: string) => {
        this.search(value);
      });

  }

  search(searchText: string){
    // reset
    if (!searchText || searchText.length == 0) {
      this.charts = this.workspace.charts;
    }
    // search
    else {
      this.charts = this.charts.filter(chart => chart.name.toLocaleUpperCase().indexOf(searchText) >= 0);
    }

  }

Answer 1

将searchText和chart.name都转换为小写，如下所示：

searchText = searchText.toLowerCase();
chart.name..toLowerCase().indexOf(*//your searching code//*);

这样，大写和小写都可以一起搜索。