Angular 如何在html文件中使用（toLowerCase（））类似的方法？

我使用observables在同一时刻从输入类型文本中获取每个字母，并根据条件显示子组件（餐厅名称应包括在文本输入中输入的相同字母）。 我想不出在ts文件中执行此操作的方法，但它在以下代码中运行得非常好：

  <div *ngFor="let res of restaurants">
    <li
      *ngIf="(res.Name.includes(searchString) || searchLength == false) &&(res.Address == printedOption || checked == false)"
      class="nav-item has-treeview menu-open">
      <a class="nav-link active">
        <app-res-tabs [res]="res"></app-res-tabs>
      </a>
    </li>
  </div>

问题是我需要它不区分大小写。 （上述代码适用于

Xres

和

Xres

，但不适用于

Xres

和

Xres

）。 如何做到这一点？

试试：

*ngIf="(res.Name?.toLowerCase().includes(searchString?.toLowerCase()) || searchLength == false) 

你可以用有角的管子

---

*ngIf=“（（res.Name |小写）includes（searchString |小写）| | searchLength==false）和&（res.Address==printedOption | | checked==false）”

我已经试过了。它给出了一个错误：无法读取未定义的属性“toLowerCase”，并且在开始时没有显示任何内容（默认情况下，首先应显示所有餐厅）添加安全导航操作符

？

。检查修改后的答案，不客气。如果答案有用，请接受：）