Question

当我选择一个元素时，活动的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 = '';
}

Answer 1

这样做是为了突出显示新创建的项目：

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

添加角度4时的活动元素

1 个答案: