html - 有源元件在添加 Angular 4时

当我选择一个元素时，活动的Css仍在工作，如果单击另一个元素，活动的元素将转到另一个元素，但是我现在要实现的是，当我自动添加新元素时，该添加的元素将处于活动状态。
我添加带有对话框的元素，它们是随机的。
这是所选HTML和TS的代码。
如果您需要更多代码，请告诉我。

selectedIndex: '';

select(project) {
this.selectedIndex = project.id;
}

这是在模板上

(click)="select(project)" [ngClass]="{active: selectedIndex ===
project.id, 'project': true}"

这是我保存项目的时间

 save() {
  const newProject: Project = emptyProject();
  newProject.name = this.newProjectName;
  newProject.id = Math.random().toString();
  newProject.state = this.newState;
  newProject.type = this.newType;
  newProject.category = this.category;
  newProject.subProjectIds = this.subProjectIds;
  this.store.dispatch(new UpsertProjectInternalAction(newProject));
  this.newProjectName = '';
}

最佳答案

只需执行以下操作即可突出显示新创建的项目：

save() {
    // ...
    newProject.id = Math.random().toString()
    this.selectedIndex = newProject.id // Add this line
    // ...
}