将数据传递到角6中的引导模式 [英] Pass data to bootstrap modal in angular 6

问题描述

我正在尝试在我的项目中添加MODEL，这样，如果我单击一个链接，MODEL应该显示该特定链接的名称。

但它给我一个错误

请检查下面的链接

link for modal

推荐答案

最好使用角度版本的Bootstrap来执行此操作，这样可以很好地检测角度变化。

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

然后您将有一个表示您的模型的组件，要将数据传递给它，只需声明public属性并执行以下操作：

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

btw要修复您正在讨论的错误，您可以使用attr属性绑定，如下所示：

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

它将修复错误，但模式仍然不起作用，看起来您在那里也缺少CSS。

这篇关于将数据传递到角6中的引导模式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！