如何将数据传递给Angular ng-bootstrap模式进行绑定

Jip*_*ing 5 modal-dialog angular

场景:

  • ChildComponent - 有很多ngModel绑定元素.;
  • ParentComponent - btn.onClick = function(){this.bsModalRef = this.modalService.open(ChildComponent,TryToPassDataModel);}这适用于ngx-bootstrap,但是如何在nb-bootstrap中实现呢?(看起来这么简单)

use*_*633 8

看起来你没有正确使用API​​.该插件希望params作为@Input()传递.像这样的东西会起作用:

const modalRef = this.modalService.open(NgbdModalContent);
modalRef.componentInstance.name = 'World';
Run Code Online (Sandbox Code Playgroud)

确保在ModalContent组件中为模型添加@Input!

有关详细信息,请参阅doc:https://ng-bootstrap.github.io/#/components/modal/examples

  • 这种方法存在一个主要问题:在将变量绑定到组件之前,会调用诸如ngOnInit之类的生命周期挂钩。 (3认同)