آفلاین
user-avatar

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

3 سال پیش
توسط حسام موسوی آپدیت شد
آفلاین
user-avatar
محمد رعنایی نظام دوست ( 100 تجربه )
3 سال پیش
تخصص : توسعه دهنده فرانت اند

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

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

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

بهترین پاسخ انتخاب شده توسط محمد رعنایی نظام دوست
آفلاین
user-avatar
حسام موسوی
3 سال پیش

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

https://medium.com/@swarnakishore/how-to-include-and-use-jquery-in-angular-cli-project-592e0fe63176
آفلاین
user-avatar
حسام موسوی ( 378679 تجربه )
3 سال پیش
تخصص : طراح و برنامه نویس

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

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

بله دقیقا قبول دارم که این یک کار اشتباه هست اما مثلا کد زیر رو چطور میتونم با 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 نوشتم اما به نظرم اصلا درست نبود و خطا داشت و ناچارم جی کوئری رو استفاده کنم ...
ممنون میشم بیشتر راهنمایی کنید

آفلاین
user-avatar
علی ( 9626 تجربه )
3 سال پیش
تخصص : برنامه نویس

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

آفلاین
user-avatar
حسام موسوی ( 378679 تجربه )
3 سال پیش
تخصص : طراح و برنامه نویس

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

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