将数据传递到角度6中的引导模式

最好使用引导程序的角度版本来完成这项工作,这样可以很好地检测角度变化。

例如 https://ng-bootstrap.github.io/#/components/modal/examples

然后,您将拥有一个表示模式的组件,要将数据传递给它,只需声明公共属性并执行以下操作:

const modalRef = this.modalService.open(YourModalComponent);
(modalRef.componentInstance as YourModalComponent).yourProperty = yourValue;

顺便说一下,要修复您所说的错误,您可以使用 attr 属性绑定,如下所示:

<button type="button" class="btn btn-primary" data-toggle="modal" [attr.data-target]="'#' + products.name">

它将修复错误,但模式仍然不起作用,看起来您还缺少CSS。

从得到答案 this link

更新中的代码

stackblitz line

我们应该使用 <button type="button" class="btn btn-primary" data-toggle="modal" [attr.data-target]="'#'+products.name"> {{products.name}} </button>