这可能是由于Angular对数组中的对象进行了浅层比较而导致的。为了解决这个问题，您可以使用切换数组引用的方法来更新视图。可以通过以下两种方式之一实现：

方法一：

在您的组件中，创建一个新的数组，然后使用 Array.push() 方法将新对象推入该数组。然后将该数组分配给原始数组的引用。这将强制Angular重新渲染组件，并更新视图，使新对象显示出来。

示例代码如下：

originalArray: Object[] = [{id: 1, name: 'John'}, {id: 2, name: 'Doe'}]; newObject: Object = {id: 3, name: 'Alice'};

addToOriginalArray() { let tempArray = this.originalArray.slice(); // create a copy of original array tempArray.push(this.newObject); // push new object to temp array this.originalArray = tempArray; // assign temp array to original array reference }

方法二：

使用 Angular 的 change detection 将变更检测策略更改为 OnPush。这将防止Angular每次更改检查时都进行全面调用，并使它仅在输入对象更改时才调用。在这种情况下，您需要通过具有新值的对象将输入对象重写。

示例代码如下：

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

@Component({ selector: 'app-my-component', templateUrl: './my-component.component.html', styleUrls: ['./my-component.component.css'], changeDetection: ChangeDetectionStrategy.OnPush // change change detection strategy }) export class MyComponent { @Input() originalArray: Object[] = [{id: 1, name: 'John'}, {id: 2, name: 'Doe'}]; @Input() newObject: Object = {id: 3, name: 'Alice'};

addToOriginalArray() { let tempArray = this.originalArray.slice(); // create a copy of original array