Обновить компонент внутри группы компонентов (* ngFor) angular - PullRequest
1 голос
/ 26 мая 2020
                        <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>

так что я делаю свою kanban доску webapp, и возникла проблема, когда я попытался обновить значение этого TodoList в стороне, хотя он обновился, но я не могу передать значение this todolist доски к остальным todolist доски внутри ngfor



<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>

вы можете видеть, когда я пытаюсь moveTodo по событию щелчка, а не с помощью перетаскивания материала cdk, я не могу получить другую доску todolist обновит его значение и повторно отрендерит список, есть ли способ, чтобы я мог просто обновить значение массива сбоку от платы * ngFor?

...