这可能是由于组件实例化时使用了相同的组件名称而导致的。为了解决这个问题，可以尝试在组件实例化时使用不同的名称，或者使用动态数据来更改每个子组件的内容。

例如，如果有多个子组件名为"card-component"，则只会应用于第一个实例。可以通过更改子组件名称来解决这个问题：

在子组件的元数据中更改组件名称：

@Component({ selector: 'app-card-component', templateUrl: './card-component.component.html', styleUrls: ['./card-component.component.css'], changeDetection: ChangeDetectionStrategy.OnPush, // Change the selector name // selector: 'app-card-component' selector: 'app-card-component-dynamic' }) export class CardComponentComponent implements OnChanges {

}

然后在父组件中为每个子组件提供一个唯一的选择器名称：

这样每个子组件将会独立处理数据，不会相互干扰。