Angular从另一个组件和服务初始化一个组件-Java 学习之路

应用程序的结构包含 projects 组件，其中包含 project 和 tasks 组件，其中包含子组件 task-detail ，还有另一个名为 schedule 的模块和共享文件夹，其中包含应用程序的服务和模型：

我正在尝试从不同的位置初始化 task-detail 组件（从其父组件 tasks 以及通过按钮从 ScheduleService ） . 我用 property binding 和 Input 管理了第一个解决方案

tasks.component.html

<app-task-detail *ngIf="selectedTask" [task]="selectedTask?.schedules"></app-task-detail>

task-detail.component.ts

export class TaskDetailComponent implements OnInit {
  @Input() task: Task;

  constructor(private scheduleService: ScheduleService) { }

  ngOnInit() {
  }

  onSelected() {
    this.scheduleService.buttonClicked.emit(this.task);
  }

}

但我点击按钮不能这样做 .

这是stackblitz . 我正在尝试获得相同的结果（任务详细信息！）点击按钮或选择任务（现在可以使用） .

Angular从另一个组件和服务初始化一个组件

相关问题