description

استفاده از جی کوئری در انگولار

- 7 ماه پیش
توسط حسام موسوی آپدیت شد
محمد رعنایی نظام دوست ( 100 تجربه )
8 ماه پیش

سلام دوستان خسته نباشید

چطور میتونم از JQuery در Angular استفاده کنم ؟
فکر میکنم این کار اشتباهیه اما خوب بنا به دلایلی نیاز با انجام این کار دارم

پیشاپیش ممنون از راهنماییاتون

بهترین پاسخ انتخاب شده توسط محمد رعنایی نظام دوست
حسام موسوی
8 ماه پیش

با سلام همونطور که گفتید اشتباهه و دلیلی نداره کسی از jquery در کنار فریمورک های مثل انگولار یا react استفاده کنه در اصل من این مورد رو کار اشتباهی میبینم .
اما در هر صورت به هر دلیلی اگر میخواید استفاده کنید و پروژه اتون هم با angular-cli ساخته شده از لینک زیر میتونید استفاده کنید

https://medium.com/@swarnakishore/how-to-include-and-use-jquery-in-angular-cli-project-592e0fe63176
حسام موسوی ( 69341 تجربه )
8 ماه پیش

با سلام همونطور که گفتید اشتباهه و دلیلی نداره کسی از jquery در کنار فریمورک های مثل انگولار یا react استفاده کنه در اصل من این مورد رو کار اشتباهی میبینم .
اما در هر صورت به هر دلیلی اگر میخواید استفاده کنید و پروژه اتون هم با angular-cli ساخته شده از لینک زیر میتونید استفاده کنید

https://medium.com/@swarnakishore/how-to-include-and-use-jquery-in-angular-cli-project-592e0fe63176
محمد رعنایی نظام دوست ( 100 تجربه )
8 ماه پیش

بله دقیقا قبول دارم که این یک کار اشتباه هست اما مثلا کد زیر رو چطور میتونم با typescript بنویسم ؟ واقعا نتونستم راه کاری براش پیدا کنم
توی ریکت به نظرم به سادگی با refs میتونیم به المنت ها دسترسی داشته باشیم اما در انگولار واقعا متوجه این نشدم که چطور میتونم این کارها رو انجام بدم

$(".navigation-bar .nav-item > *,#menu > li > a,#room-filter > a").click(function () {
    if ($(this).hasClass("hsb")) {
        if (!$(this).hasClass("open")) {
            $(".sub-menu").removeClass("open")
            $(".hsb").removeClass("open")
            $(this).addClass("open")
            $(this).siblings(".sub-menu").addClass("open")
            $("#wrapper-overlay").addClass("active");
            return false;
        }
        if ($(this).hasClass("open")) {
            $(".sub-menu").removeClass("open")
            $(".hsb").removeClass("open")
            $("#wrapper-overlay").removeClass("active");
        }    
        return false;
    } 
})

حتی یک نمونه با typescript نوشتم اما به نظرم اصلا درست نبود و خطا داشت و ناچارم جی کوئری رو استفاده کنم ...
ممنون میشم بیشتر راهنمایی کنید

علی ( 3366 تجربه )
7 ماه پیش

من با تایپ اسکریپت که آشنا نیستم ولی شما میتونین همین را به راحتی با جاوا اسکریپت pure پیاده کنین و از نظر سرعتی هم خیلی بهتر جواب میده اینکار

حسام موسوی ( 69341 تجربه )
7 ماه پیش

این مورد اصلا به تایپ اسکریپت نیاز نداره همونطور که دوستمون علی هم گفتن اگر شما خود جاوا اسکریپت رو بلد باشید میتونید به سادگی اینکارو انجام بدید .
فکر میکنید جی کوئری جادو میکنه ؟ نه جی کوئری فقط اومده مواردی که خود جاوا اسکریپت برای کار با DOM داره رو کنار هم قرار داده و یمقدار راحت تر کرده کارو وگرنه تمام کارهای که در این قطعه کد دارین میگین رو راحت با جاوا اسکریپت میشه انجام داد

برای ارسال پاسخ باید وارد سایت شوید