ブートストラップのドロップダウンが開かない

Question

私はこれがほとんどの人にとって簡単な問題だと思います。私はブートストラップのウェブサイトから標準のテンプレートをコピーしましたが、クリックするとナビゲーションバーのドロップダウンメニューが開きません。なぜ誰かが見ることができますか？

<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> 

Answer 1

この問題は、必要なスクリプトタグがないために発生している可能性があります。 Bootstrap's website上では、JSセクションの下に書かれています：私たちのコンポーネントの

多くが機能するためにJavaScriptを使用する必要があります。

さらに、使用しようとしているnavbarコンポーネントで使用できるスターターテンプレートがあります。

これは正常にブートストラップで動作するために必要なすべての参照を提供します。

これが役立つ場合はお知らせください。

Answer 2

GTown-コーダーが述べたように、あなたはjQueryのスクリプトと必ずストラップを含める必要があります...

二つの方法があります。私は[LINK（ブートストラップから4行を追加する必要があります（最後に体内にスクリプトが含まれていない場合、ヘッダは、あまりにも動作するはず）のそのダウンロードページをでのindex.htmlでシンプル

ために次のことを好みますブートストラップ4]）

あなたのドロップダウンが機能するはずです。いくつか欠けているdependciesがある場合、これは注意が必要です> -

その他の方法は、（NPM経由で、LINK）ブートストラップ、jqueryの、テザー、popperjsをインストールし、-cli.jsonを.angularするスクリプトのパスを追加することです。

まだ問題はありますか？