在Angular 9中,可以使用Angular的ChangeDetectorRef服务来手动触发变更检测,从而实现在不刷新列表时添加新项目的效果。以下是一个示例代码:
import { Component, ChangeDetectorRef } from '@angular/core';
constructor(private changeDetectorRef: ChangeDetectorRef) { }
projects: string[] = ['Project 1', 'Project 2', 'Project 3'];
addProject() {
// 添加新项目到数组
this.projects.push('New Project');
// 手动触发变更检测
this.changeDetectorRef.detectChanges();
}
当调用addProject方法时,会将新项目添加到projects数组中,并且变更检测会被手动触发,从而更新视图,而不需要刷新整个列表。