Question

我使用的是Angular 2 RC 5版本。在我的angular 2应用程序中，我正在使用system.config.js，因为我已经映射了ng2-boostrap包，如下所示

var map={
'ng2-bootstrap/ng2-bootstrap': 'node_modules/ng2-bootstrap/ng2-bootstrap',
}

并在app模块文件中导入，如下所示

import {PopoverModule   } from 'ng2-bootstrap/ng2-bootstrap';

@NgModule({
  imports: [PopoverModule.forRoot()]
})

使用上述所有内容，我仍然在浏览器的控制台中收到错误，如下所示

错误：（SystemJS）无法读取属性＆＃39; forRoot＆＃39;未定义的 TypeError：无法读取属性＆＃39; forRoot＆＃39;未定义的在eval（http://localhost:3000/assets/app.module.js:259:149）执行时（http://localhost:3000/assets/app.module.js:270:14）加载http://localhost:3000/assets/main.js

时出错

我指的是此链接https://valor-software.com/ng2-bootstrap/index-bs4.html#/popover

Answer 1

不确定您所指的库，但这里只有少量观察结果：

您使用的是Angular的旧版本 - 您应该更新到最新的2.x或立即考虑4.x
如果你愿意探索不同的方法，这里有一个优秀的库，它包含所有Bootstrap组件，包括popover：https://ng-bootstrap.github.io/#/components/popover

已知所提到的库可与Angular 2.x和4.x一起使用，并且使用起来非常简单：

<button type="button" class="btn btn-secondary" placement="top"
        ngbPopover="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." popoverTitle="Popover on top">
  Popover on top
</button>

您可以在此最小插件中看到它（它应该可以帮助您配置项目中的SystemJS和其他文件）：http://plnkr.co/edit/pTZpUjpmAe2Pc1jxO2u0?p=preview

在我的angular 2应用程序

1 个答案: