我开始实现我自己的 Angular 2 应用程序,我想使用 Bootstrap 框架。问题是我无法使用Angular 2插入Bootstrap。我看到很多人都遇到了同样的问题,但是我没有找到解决方案。我通过 npm 安装了 bootstrap 3,并从 index.html 获取 min.css。
但是当我在代码中放置下拉菜单时,这是不可点击的:
<div class="dropdown">
<button class="btn btn-default dropdown-toggle" type="button" id="menu1" data-toggle="dropdown">Tutorials
<span class="caret"></span></button>
<ul class="dropdown-menu" role="menu" aria-labelledby="menu1">
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">HTML</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">CSS</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">JavaScript</a></li>
<li role="presentation" class="divider"></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">About Us</a></li>
</ul>
</div>
我找到了解决方案!在 system.config.ts 中需要在包内添加这两行。
packages: {
'ng2-bootstrap': { format: 'cjs', main: 'bundles/ng2-bootstrap.umd.js', defaultExtension: 'js' },
'moment': { main: 'moment.js', defaultExtension: 'js' }
}
而这条线里面的地图
'ng2-bootstrap': 'node_modules/ng2-bootstrap',
之后,您应该在适当的模块中导入 ng2-bootstrap 并且它可以工作!
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句