پرسش

چرا Dropdown در Bootstrap 5 روی Angular 12 کار نمیکنه؟

Bootstrap 5 dropdown is not working on Angular 12

سلام من از Angular 12 و Bootstrap 5 استفاده میکنم و وقتی میخوام Dropdown رو پیاده‌ سازی کنم، کار نمیکنه. CSS ها به درستی اضافه شدن ولی به نظر میاد که JavaScript به درستی کار نمیکنه. چطور میتونم این مشکل رو حل کنم؟

پاسخ

سلام برای اینکه Dropdown توی Bootstrap 5 و Angular 12 درست کار کنه، باید حتما JavaScript های بوت‌ استرپ رو هم اضافه کنی، چون Bootstrap 5 برای Dropdown به جاوا اسکریپت نیاز داره. برای این کار میتونی از پکیج bootstrap استفاده کنی و همچنین popper.js رو نصب کنی

npm install bootstrap @popperjs/core

 

"scripts": [
  "node_modules/@popperjs/core/dist/umd/popper.min.js",
  "node_modules/bootstrap/dist/js/bootstrap.min.js"
]

مطمئن شو که ساختار HTML  درست پیاده‌ سازی شده و کلاس‌های لازم رو داره. برای Angular هم از ng-bootstrap استفاده نکن، چون دیگه نیازی به اون نداری و بوت‌ استرپ خودش این قابلیت رو فراهم میکنه

پاسخ: 1403/06/05
آخرین آپدیت: 1403/08/09