Angularjs html不采取引导程序答案

【问题标题】：Angularjs html not taking bootstrapAngularjs html不采取引导程序
【发布时间】：2018-03-23 06:19:59
【问题描述】：

我正在尝试学习 AngularJS。我的 Web 应用程序没有任何引导主题：

下面是我正在尝试的标头的 html 代码：

<nav class="navbar navbar-default">
    <div class="container-fluid">
        <div class="navbar-header">
          <a href="#" class="navbar-brand">Recipe Book</a>
        </div>
        <div class="collapse navbar-collapse">
          <ul class="nav navbar-nav">
              <li><a href="#">Recipes</a></li>
              <li><a href="#">Shopping List</a></li>
          </ul>
          <ul class="nav navbar-nav   navbar-right">
            <li class="dropdown">
              <a href="#" class ="dropdown-toggle" role="button">Manage <span class="caret"></span></a>
                <ul class="dropdown-menu">
                  <li><a href="#">Save Data</a></li>
                  <li><a href="#">Fetching data</a></li>
                </ul>
            </li>
          </ul>
        </div>
    </div>
</nav>

我还在我的项目中导入了 Bootstrap：

"test": "test.ts",
      "tsconfig": "tsconfig.app.json",
      "testTsconfig": "tsconfig.spec.json",
      "prefix": "app",
      "styles": [
        "styles.css",
        "../node_modules/bootstrap/dist/css/bootstrap.min.css"

如果您需要更多 angularjs 文件，请告诉我！

谢谢。

下面是我的应用程序的图像，其中 Header 没有引导 thyeme enter image description here

【问题讨论】：

嗯，您是否将引导程序添加到您的包中？喜欢npm install bootstrap?

标签： javascript html angularjs angular-ui-bootstrap

【解决方案1】：

首先，打开浏览器开发者工具，检查是否加载了 Bootstrap css 文件。如果它已加载，您的主题应该正确应用，所以我怀疑文件路径有问题并且无法加载 css 文件。

【讨论】：

【解决方案2】：

Bootstrap 不适用于 angular.js，因为它依赖于 jQuery。尝试改用ui-Bootstrap

【讨论】：