[Solved] Bootstrap not working properly in angular project

Nozima Salimova Asks: Bootstrap not working properly in angular project
It’s the first time I am creating an Angular project. I’m having trouble with bootstrap in my project. I installed bootstrap, jquery, popper.js, and included them in the angular.json file.

Code:
"styles": [              
    "src/styles.css",
    "node_modules/bootstrap/dist/css/bootstrap.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"             
]

Bootstrap classes are working but the dropdowns are not working properly, I think something is wrong with bootstrap.min.js. The dropdown should open after clicking on it:
enter image description here

But in my case it is already open:
enter image description here

Ten-tools.com may not be responsible for the answers or solutions given to any question asked by the users. All Answers or responses are user generated answers and we do not have proof of its validity or correctness. Please vote for the answer that helped you in order to help others find out which is the most helpful answer. Questions labeled as solved may be solved or may not be solved depending on the type of question and the date posted for some posts may be scheduled to be deleted periodically. Do not hesitate to share your response here to help other visitors like you. Thank you, Ten-tools.