پیشنهاد شگفت‌انگیز سبزلرن: 50% تخفیف برای آموزش حرفه ای NodeJS بدون پیش نیاز
مشاهده دوره
ثانیه
دقیقه
ساعت
روز
پرسش

چرا 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