如何为每个类别使用* ngFor

时间:2017-12-12 10:59:02

标签: html css angular typescript

任何人都可以帮助我。我有四个标签选项卡,这些选项卡将有项目。我想在保存项目时必须在同一个选项卡中打开对话框以保存项目不在我的所有选项卡中。 希望你能帮助我解决这些问题。

<label for="tab-one">PROPOSITIONS
<a class="plus" 
(click)="opentestdialog('PROPOSITIONS'); false">+</a>
</label>

<div *ngFor="let project of projects$ | async; let i = index;">

这将打开打字稿中的对话框。

opentestdialog(category) {
this.dialog.open(TestdialogComponent, { data: category });
}

这是保存项目的对话框

   save() {
    if ( this.newProjectName.length > 0) {
    this.working = true;
    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;
    this.store.dispatch(new UpsertProjectInternalAction(newProject));
    this.newProjectName = '';
  }

}   }

1 个答案:

答案 0 :(得分:0)

感谢大家看了我的问题并且没有回答。 我找到了解决方案。

getProjectOfCategory(category: string) {
return this.projects.valueSeq().filter(project => category === 
project.category).toArray();
}