Question

我想按照

中的示例将子模态集成到我的项目中

https://valor-software.com/ng2-bootstrap/#/modals#static

但我得到一个例外，如下所示：

“exportAs”设置为“bs-modal”没有指令。我在google上搜索并在此链接中找到了答案，但它没有用。

https://github.com/valor-software/ng2-bootstrap/issues/667#issuecomment-235204534

当我按照他的解决方案时，这一行不起作用：

从'ng2-bootstrap / ng2-bootstrap'导入{MODAL_DIRECTIVES，BS_VIEW_PROVIDERS，ModalDirective};

有人可以帮忙吗？谢谢。我的项目正在使用：

 "ng2-bootstrap": "^1.2.4"
 "@angular/common": "2.4.3",
 "@angular/compiler": "2.4.3",
 "@angular/core": "2.4.3",
 "@angular/forms": "2.4.3",
 "@angular/http": "2.4.3",

Answer 1

我也在同一个链接中使用了相同的模态。所以我得到了完全相同的错误。解决方案对我来说是这样的：您应该为您添加import {ModalModule} from 'ng2-bootstrap/modal'行 app.module.ts然后像下面一样导入它。只需确保使用 forRoot（）。如果没有它，你将不断收到错误。

 @NgModule({
      imports: [
        ModalModule.forRoot()
      ]

之后，您还需要对 yourpage.module.ts 执行此导入操作。这个解决方案对我有用，我也希望你。

注意：这里是我的版本：

“ng2-bootstrap”：“^ 1.3.3”，
“@ angular / common”：“2.4.8”，
“@ angular / compiler”：“2.4.8”，
“@ angular / core”：“2.4.8”，
“@ angular / forms”：“2.4.8”，
“@ angular / http”：“2.4.8”，

Answer 2

这种问题可能是由以下两种情况引起的： 1.您可能在组件中缺少此行 @ViewChild('childModal') public childModal: ModalDirective; 2.您可能在模块声明中省略了导入

    import {ModalModule} from "ng2-bootstrap";

        @NgModule({
      imports: [
            ModalModule.forRoot()
   ],
   declarations: [],
   providers: []
   })
   export class MyModule{}

“exportAs”设置为“bs-modal”

2 个答案: