Angular 4 + Bootstrap组件模态

时间:2017-07-10 07:24:46

标签: angular ng-bootstrap

因此,我考虑在应用中实现一个组件,该组件可以充当Bootstrap modal中的组件以及页面中的常规子组件。

在示例(标题为'组件作为内容'位于上面链接的页面底部)中,在模式中实现的组件需要将NgbActiveModal添加到该组件的构造函数中。当我尝试执行上述操作时,这会阻止我的组件作为常规子组件实现。

在不制作包装组件的情况下绕过这样的东西的任何想法?

1 个答案:

答案 0 :(得分:1)

所以我设法从this post找到答案。

通过添加@Optional装饰器并将子组件修改为如下所示,您可以编写其他代码以允许它在模态和常规组件中运行。

在这种情况下,@ Optional decorator只会在用作模态组件时将其注入到调用组件的位置。我以为加了?参数修饰符会做同样但显然不会。

click(<id="subText">,"Left Click","No")

非常感谢@Aravind愿意花个人时间来帮忙:)干杯队友。