在Angular 4上的Bootstrap Modal中将数据注入组件

Question

我使用@ ng-bootstrap / ng-bootstrap将Bootstrap组件添加到Angular。您可以将组件注入打开的模态，因此注入的组件构成打开的模态的主体/内容。

我有Player的列表。当我点击一个播放器时，我想打开一个带有点击播放器内部数据的模态。我可以像这样注入PlayerComponent打开一个模态。

constructor(
  private modalService: NgbModal
) { }

openPlayerModal() {
  const modalRef = this.modalService.open(PlayerComponent)
}

问题是...... 如何向组件注入额外数据，让它知道要获取哪些播放器的数据？例如。我可能在OnInit上有PlayerComponent接口，该接口根据modalService.open()调用提供的ID从API获取数据。

Answer 1

似乎<li class="navbarDiv" > <a href="index.php"> <div class = "navbarDivText">Main Page</div> </a> </li> 允许您在实例化后触摸组件实例。因此，您可以修改值。

所以解决方案是：

@ng-angular/ng-angular

然后让组件在constructor( private modalService: NgbModal ) { } openPlayerModal() { const modalRef = this.modalService.open(PlayerComponent) modalRef.componentInstance.player_id = 1; } 上使用@Input()装饰器。

player_id