angular 7:过滤后的数据不会发送给子组件

Angular 7是一种流行的前端开发框架，用于构建现代化的Web应用程序。它提供了丰富的功能和工具，使开发人员能够快速构建高效、可扩展和可维护的应用程序。

在Angular 7中，过滤后的数据不会自动发送给子组件。这是因为Angular采用了单向数据流的原则，父组件可以向子组件传递数据，但子组件不能直接修改父组件的数据。

要实现过滤后的数据发送给子组件，可以通过以下步骤：

在父组件中定义一个用于存储过滤后数据的变量。例如，可以使用一个数组来存储过滤后的数据。
在父组件中实现一个过滤函数，用于根据特定条件过滤数据。这个函数可以使用Angular的管道来实现，例如使用内置的过滤器管道。
在父组件的模板中，使用过滤函数来过滤数据，并将过滤后的数据绑定到子组件的输入属性上。
在子组件中，通过输入属性接收过滤后的数据，并在子组件的模板中使用它。

下面是一个示例代码：

父组件：

import { Component } from '@angular/core';

@Component({
  selector: 'app-parent',
  template: `
    <input type="text" [(ngModel)]="filterText">
    <app-child [filteredData]="filteredData"></app-child>
  `
})
export class ParentComponent {
  data = ['Apple', 'Banana', 'Orange'];
  filterText = '';

  get filteredData() {
    return this.data.filter(item => item.includes(this.filterText));
  }
}

子组件：

import { Component, Input } from '@angular/core';

@Component({
  selector: 'app-child',
  template: `
    <ul>
      <li *ngFor="let item of filteredData">{{ item }}</li>
    </ul>
  `
})
export class ChildComponent {
  @Input() filteredData: string[];
}

在上面的示例中，父组件中的filteredData是一个计算属性，它根据filterText过滤数据。然后，将过滤后的数据传递给子组件的filteredData输入属性。子组件使用*ngFor指令在模板中循环显示过滤后的数据。

这是一个简单的示例，你可以根据实际需求进行修改和扩展。关于Angular 7的更多信息和详细介绍，你可以参考腾讯云的Angular 7产品介绍。