在嵌套元素中应用 searchPipe

【问题标题】：applying searchPipe in nested element在嵌套元素中应用 searchPipe
【发布时间】：2021-07-20 12:17:07
【问题描述】：

我有以下管道在某些情况下无法正常工作，如下所示 Stackblitz 我已经添加了我的整个代码示例，请帮我找出解决方案。

Here

提前谢谢你。

【问题讨论】：

您在第二种情况下分配了错误的学生对象...仔细查看
阅读：How to Ask
@AviadP 我知道你的意思，但在我的代码中我使用了不同的方法，但我有其他解决方案与 lbsn 的解决方案。谢谢你的帮助。
@R.Richards 谢谢你会关注的。

标签： angular search pipe

【解决方案1】：

在您的 AppComponent 中，query 以 undefined 开头，因此管道接收 filterText 参数为 undefined。因此，这一行引发了一个异常：

filterText = filterText.toLowerCase();

您需要在管道实现中处理这种情况，例如添加：

if (!filterText ) {
    return value;
}

【讨论】：

【解决方案2】：

您需要将空白字符串分配给查询，因为它最初是未定义的。

export class AppComponent {
  name = 'Angular ' + VERSION.major;
  query = '';   // Assign blank string here.
  students: any;

  constructor(private studentService: StudentsService) {
    this.students = this.studentService.students;
  }
}

【讨论】：