如何在angular2中将选中的项目追加到相同的标签中

<div *ngFor="let project of projects">
  <label>
    <input type="checkbox" [(ngModel)]="project.selected"> {{ project.name }}
  </label>
</div>

export class YourComponent implements OnInit {
  projects: any[] = [];

  ngOnInit() {
    // 初始化项目列表
    this.projects = [
      { name: '项目1', selected: false },
      { name: '项目2', selected: false },
      { name: '项目3', selected: false },
      // ...
    ];
  }
}

export class YourComponent {
  // ...

  appendSelectedProjects() {
    const selectedProjects = this.projects.filter(project => project.selected);
    const selectedProjectNames = selectedProjects.map(project => project.name);
    const appendedText = selectedProjectNames.join(', ');

    // 追加到相同的标签中
    const targetElement = document.getElementById('target');
    targetElement.innerText += appendedText;
  }
}