Search code examples
angulartwitter-bootstrapnpmdropdown

dropdown does not open with Angular

I'm learning Angular and I have a problem with Bootstrap and the dropdown.

The Bootstrap class loads well, but the dropdown does not work, that's what I did for my new project Angular:

npm install bootstrap jquery popper --save

And when I do a npm audit here is the result

https://codepen.io/Anduril53/pen/LoPgyz?editors=1010

styles in angular.json

"styles": [
          "src/styles.scss",
          "node_modules/bootstrap/dist/css/bootstrap.min.css"
        ],
Solution

  • Try it

    https://github.com/lichunbin814/angular_bootstarp_dropdown

        "styles": [
      "src/styles.scss",
      "node_modules/bootstrap/dist/css/bootstrap.min.css"
    ],
    "scripts": [
      "node_modules/jquery/dist/jquery.min.js",
      "node_modules/popper.js/dist/umd/popper.min.js",
      "node_modules/bootstrap/dist/js/bootstrap.min.js"
    ],