Angular 更新一组组件（*ngFor）中的组件 {{board.boardName} 进一步扩展

因此，我正在制作看板板Web应用程序，当我试图在中更新此TodoList的值时，出现了一个问题，虽然它确实更新了，但我无法将此board TodoList的值传递给ngfor中的其他board TodoList

                        <mat-card class="Board col-md-2 col-sm-2" *ngFor="let board of boards">
                            <mat-card-header>
                                <mat-card-title>{{board.boardName}}</mat-card-title>
                                <button mat-button mat-flat-button
                                    [matMenuTriggerData]="{id : board.id, name:board.boardName}"
                                    [matMenuTriggerFor]="boardmenu">
                                    <mat-icon>expand_more</mat-icon>
                                </button>

                            </mat-card-header>
                            <app-todo [Id]="board.id"></app-todo>

                        </mat-card>

立即
重要性
搬到
删除
{{board.boardName}

您可以看到，当我尝试通过单击事件（而不是使用材料cdk的拖放）来移动TODO时，我无法让另一块板todolist更新其值并重新加载列表

---

有什么方法可以让我只更新board*ngFor一侧的数组值吗

请给我们看一下这个

moveTodo（）

的组件逻辑和电路板数据。对不起，我之前删除了它，我正在尝试更改名为boardId的todo属性，然后从todo数组（假设boardId=1）中删除它并将其推入todo数组（boardId=2）因此，我可以在不刷新页面的情况下更新它，但我不知道如何执行“推送”步骤。请您向我们展示此

moveTodo（）

的组件逻辑，以及您的电路板数据。很抱歉，我之前删除了它，我正在尝试更改todo数组中名为boardId的todo属性（假设boardId=1）我删除它并将其推入Todo数组（boardid=2），这样我就可以在不刷新页面的情况下更新它，但我不知道如何执行“推送”步骤

<mat-menu #todoMenu="matMenu">
    <ng-template matMenuContent let-id="id">
        <button mat-menu-item (click)="changeColor(1,id)">Imediately</button>
        <button mat-menu-item (click)="changeColor(2,id)">Importance</button>
        <button mat-menu-item [matMenuTriggerFor]="moveMenu" [matMenuTriggerData]="{id : id}">Move To</button>
        <button mat-menu-item (click)="deleteTodo(id)">Delete</button>
    </ng-template>
</mat-menu>


<mat-menu #moveMenu="matMenu">
    <ng-template matMenuContent let-id="id">
        <button mat-menu-item *ngFor="let board of boardlist" (click)="moveTodo(id,board.id)">{{board.boardName}}</button>
    </ng-template>
</mat-menu>