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

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

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

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 . 我正在尝试获得相同的结果(任务详细信息!)点击按钮或选择任务(现在可以使用) .

回答(0)