如何在角度 html 文件中使用 (toLowerCase()) 类似的方法？答案

【问题标题】：How to use a (toLowerCase()) similar method in angular html file?如何在角度 html 文件中使用 (toLowerCase()) 类似的方法？
【发布时间】：2019-12-17 23:41:59
【问题描述】：

我正在使用 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 例如）。如何让它发挥作用？

【问题讨论】：

标签： angular

【解决方案1】：

试试：

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

【讨论】：

我已经试过了。它给出了一个错误：无法读取未定义的属性“toLowerCase”，一开始什么也没有显示（默认情况下，所有餐厅都应该首先显示）
添加安全导航操作员?。检查修改后的答案
不客气。如果有用，请接受答案:)

【解决方案2】：

您可以使用 Angular tolowercase 管道

*ngIf="((res.Name|lowercase).includes(searchString|lowercase) || searchLength == false) &&(res.Address == printedOption || checked == false)"

【讨论】：