Node.js 设置平均堆栈后在angular 2.0中使用引导切换时出现的问题_Node.js_Angular_Express_Twitter Bootstrap 3

Node.js 设置平均堆栈后在angular 2.0中使用引导切换时出现的问题

node.js angular express twitter-bootstrap-3

Node.js 设置平均堆栈后在angular 2.0中使用引导切换时出现的问题,node.js,angular,express,twitter-bootstrap-3,Node.js,Angular,Express,Twitter Bootstrap 3,我按照一个教程来设置MEAN stack应用程序所需的东西，到目前为止进展顺利，但现在我尝试在那里测试一些引导组件，在为Angular在index.html文件中安装引导后，Bootstrap正在加载，因为应用程序第一次加载的文本字体不同，添加后会出现下拉按钮，但问题是当我尝试单击下拉按钮时，什么都没有发生，除此之外，像jumbotron负载这样的组件和往常一样，看看你在Bootstrap中的期望，所以我不认为它是索引或bower中的链接以下是index.html文件： <html&

我按照一个教程来设置MEAN stack应用程序所需的东西，到目前为止进展顺利，但现在我尝试在那里测试一些引导组件，在为Angular在index.html文件中安装引导后，Bootstrap正在加载，因为应用程序第一次加载的文本字体不同，添加后会出现下拉按钮，但问题是当我尝试单击下拉按钮时，什么都没有发生，除此之外，像jumbotron负载这样的组件和往常一样，看看你在Bootstrap中的期望，所以我不认为它是索引或bower中的链接

以下是index.html文件：

  <html>
    <head>
    <title>MyTaskList</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css">
    <link rel="stylesheet" href="styles.css">
    <!-- 1. Load libraries -->
     <!-- Polyfill(s) for older browsers -->
    <script src="node_modules/core-js/client/shim.min.js"></script>
    <script src="node_modules/zone.js/dist/zone.js"></script>
    <script src="node_modules/reflect-metadata/Reflect.js"></script>
    <script src="node_modules/systemjs/dist/system.src.js"></script>
    <!-- 2. Configure SystemJS -->
    <script src="systemjs.config.js"></script>
    <script>
      System.import('app').catch(function(err){ console.error(err); });
    </script>
   </head>
   <!-- 3. Display the application -->
   <body>
    <my-app>Loading...</my-app>
   </body>
</html>


人任务管理
System.import（'app'）.catch（函数（err）{console.error（err）；}）；
加载。。。

以下是应用引导时加载的html：


HTML5先驱
下拉列表

您刚刚在html中添加了引导css。因此，只有css更改才会反映出来。要获得引导的全部功能，您需要添加Bootstrap.js和JQuery。没有它们，引导是不完整的

<html lang="en">
<head>
  <meta charset="utf-8">

  <title>The HTML5 Herald</title>
  <meta name="description" content="The HTML5 Herald">
  <meta name="author" content="SitePoint">


</head>

<body>

    <div class="dropdown">
  <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
    Dropdown
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
    <li><a href="#">Action</a></li>
    <li><a href="#">Another action</a></li>
    <li><a href="#">Something else here</a></li>
    <li role="separator" class="divider"></li>
    <li><a href="#">Separated link</a></li>
  </ul>
</div>
</body>
</html>