Javascript 引导下拉列表不是';t形开口

Javascript 引导下拉列表不是';t形开口,javascript,css,angular,bootstrap-4,Javascript,Css,Angular,Bootstrap 4,我猜这对大多数男人来说都是个容易的问题。我从bootstrap网站复制了标准模板,但是当我单击它时,导航栏中的下拉菜单没有打开。有人知道为什么吗 <nav class="navbar navbar-expand-md navbar-light bg-light fixed-top"> <a class="navbar-brand" routerLinkActive="active current" routerLink="/"> Hom

我猜这对大多数男人来说都是个容易的问题。我从bootstrap网站复制了标准模板,但是当我单击它时,导航栏中的下拉菜单没有打开。有人知道为什么吗

<nav class="navbar navbar-expand-md navbar-light bg-light fixed-top">
  <a
    class="navbar-brand"
    routerLinkActive="active current"
    routerLink="/">
    Home
  </a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>

  <div class="collapse navbar-collapse" id="navbarsExampleDefault">
    <ul class="navbar-nav mr-auto">
      <li class="nav-item active">
        <a
          class="nav-link"
          routerLinkActive="active current"
          routerLink="/shopping-cart">
          Shopping Cart
          <span
            class="caret">
          </span>
        </a>
      </li>
      <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="#" id="dropdown01" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">User</a>
        <div class="dropdown-menu" aria-labelledby="dropdown01">
          <a class="dropdown-item" href="#">My orders</a>
          <a class="dropdown-item" href="#">Manage Orders</a>
          <a class="dropdown-item" href="#">Manage Products</a>
          <a class="dropdown-item" href="#">Log Out</a>
        </div>
      </li>
    </ul>
    <form class="form-inline my-2 my-lg-0">
      <input class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search">
      <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
    </form>
  </div>
</nav>



搜寻

此问题很可能是由于缺少必要的脚本标记造成的。上面的JS部分下写着:

我们的许多组件都需要使用JavaScript才能正常工作

此外,还有一个初学者模板,您可以与尝试使用的navbar组件一起使用

这提供了正确使用引导的所有必要参考


让我知道这是否有帮助

此问题很可能是由于缺少必要的脚本标记造成的。上面的JS部分下写着:

我们的许多组件都需要使用JavaScript才能正常工作

此外,还有一个初学者模板,您可以与尝试使用的navbar组件一起使用

这提供了正确使用引导的所有必要参考


让我知道这是否有帮助

正如GTown Coder所提到的,您需要包括jquery脚本和sure引导

有两种方法。为了简单起见,我更喜欢下面的内容

在的index.html中(如果最后没有将脚本包含到正文中,那么标题也应该起作用),您必须添加Bootstrap中的4行([Bootstrap 4的下载页])

那么你的下拉列表应该可以用了

另一种方法是安装(通过npm,)引导、jquery、tether、popperjs,并将脚本路径添加到.angular-cli.json->如果缺少一些依赖项,这可能会很棘手


还有问题吗,让我们知道

正如GTown Coder所提到的,您需要包括jquery脚本和sure引导

有两种方法。为了简单起见,我更喜欢下面的内容

在的index.html中(如果最后没有将脚本包含到正文中,那么标题也应该起作用),您必须添加Bootstrap中的4行([Bootstrap 4的下载页])

那么你的下拉列表应该可以用了

另一种方法是安装(通过npm,)引导、jquery、tether、popperjs,并将脚本路径添加到.angular-cli.json->如果缺少一些依赖项,这可能会很棘手


还有问题吗,让我们知道

开发人员控制台中有哪些错误?我没有。我只是单击它,它什么也不做。在复制和粘贴示例之前,您是否阅读了该部分并复制和粘贴了样式表以及必要的脚本引用?在JS部分,我们的许多组件都需要使用JavaScript才能正常工作。要添加css和JS,请转到.angular-cli.json,并在样式数组和脚本数组中导入所需内容。angular也有ng引导特定组件。是的,我使用ng引导组件下拉列表解决了这个问题。谢谢大家!开发人员控制台中有哪些错误?我没有。我只是单击它,它什么也不做。在复制和粘贴示例之前,您是否阅读了该部分并复制和粘贴了样式表以及必要的脚本引用?在JS部分,我们的许多组件都需要使用JavaScript才能正常工作。要添加css和JS,请转到.angular-cli.json,并在样式数组和脚本数组中导入所需内容。angular也有ng引导特定组件。是的,我使用ng引导组件下拉列表解决了这个问题。谢谢大家!我是用在角度(忘了提这个)。在app.module文件中已经添加了引导程序之后,还需要添加脚本吗?我在Angular中使用了这个(忘了提到这个)。在app.module文件中已经添加引导后,是否仍然需要添加脚本?