与下载数组中的数据的双向绑定

Question

我想在angular中编程一个双向绑定，这样当我选择一些东西时，它可以在不刷新页面的情况下显示。我的代码是这样的:

标记

<div *ngFor="let container of containers>
<div class=task-list-plus *ngFor="let task of tasks">
<mat-card [courseId]="courseID" [task]="task" [taskResult]="taskResults[task.id]"></mat-card>
</div>
</div>

ts代码

containers: Container[];
courseID: number;
tasks: Task[];
taskResults: Record<number, UserTaskResult>;
this.taskService.getAllContainer(this.courseID).subscribe((Container) => this.containers = Container);

getAllContainer函数将数据下载到容器中。我的问题是我如何编程，以便一旦它被下载，它是直接显示没有刷新的页面。在这里输入代码

Answer 1

你可以试着在你的卡片上放另一个组件。并使用@Input() Angular的父/子组件