Twitter bootstrap 角度2不使用引导3或4

我开始实现我自己的Angular 2应用程序，我想使用Bootstrap框架。问题是我不能用Angular 2插入引导。我看到很多人都有同样的问题，但我没有找到解决办法。 我通过npm安装了Bootstrap3，并从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>

教程

为了使Bootstrap 3/4功能全面，您还需要包含.js源代码。通过包含.css文件，您仅引用引导的样式部分。对于Angular（2），我建议使用项目中捆绑的普通CSS/SCSS文件，并添加一个专门的Angular2引导包，例如：

ng引导

或

ng2引导

---

为了使引导程序3/4功能全面，您还需要包含.js源代码。通过包含.css文件，您仅引用引导的样式部分。对于Angular（2），我建议使用项目中捆绑的普通CSS/SCSS文件，并添加一个专门的Angular2引导包，例如：

ng引导

或

ng2引导

---

您必须放置角度和引导lib

System.config({
transpiler:'typescript'，
typescriptOptions:{emitDecoratorMetadata:true}，
包：{'app'：{defaultExtension:'ts'}
});
System.import（'app/main'）
.then（null，console.error.bind（console））；

---

示例：

您必须放置角度和引导lib

System.config({
transpiler:'typescript'，
typescriptOptions:{emitDecoratorMetadata:true}，
包：{'app'：{defaultExtension:'ts'}
});
System.import（'app/main'）
.then（null，console.error.bind（console））；

示例：

我找到了解决方案！ 在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引导在适当的模块，它的工作

我找到了解决办法！ 在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引导在适当的模块，它的工作

您正在使用ng2引导程序吗？您正在使用ng2引导程序吗？