@input只更新angular2中的一个组件变量

Question

我有两个组成部分。

1. 项目日历视图组件 - 父
2. 项目列表视图组件 - 项目日历的子项

在项目日历中，我有像

这样的变量

@Input() projects : Project[] = [];

在项目列表视图组件中，我有像

这样的变量

@Input()  projects:  Project[] = [];

通过<app-project [projects]="projects"></app-project>将项目日历视图组件中的数据传递到项目列表视图组件。

在项目列表页面中，使用以下代码实现了项目删除功能。 splice仅适用于不在Project calendar组件中的项目列表页面。

  removeProject(project: Project) {
    var index: number = this.projects.indexOf(project);
    if (index > -1) {
       this.projects.splice(index, 1);
    }
  }

在项目日历视图组件中删除的项目仍然显示。它只在项目列表视图组件变量中删除。