قسمت بیست و چهارم AngularJS : اموزش ساخت منو با انگولار جی اس

Share on facebook
Share on twitter
Share on linkedin
Share on email
Share on whatsapp
Share on telegram
Share on print
قسمت بیست و چهارم AngularJS : اموزش ساخت منو با انگولار جی اس

نویسنده:

مرتضی افضلی

Statistics-rafiki

تعداد بازدید:

2946

Calendar-amico (2)

تاریخ انتشار:

18 , تیر , 1398

Work time-rafiki

زمان تقریبی مطالعه :

5 دقیقه

باسلام ، در دوره ی کامل انگولار جی اس به بررسی تمام دستورات انگولار جی اس پرداختیم ، در این پست قصد داریم تا اموزش ساخت منو با انگولار جی اس را اموزش دهیم.

در این مثال برای ساخت منویی که هنگام انتخاب ، گزینه ی انتخاب شده را برجسته کند.

ساخت منو

برای شروع اپلیکیشن انگولاری نیازمنیدم تا فایل جاوا اسکریپت را به سند خود اضافه کنیم.

ما در این مثال از دستورالعمل های انگولار جی اس استفاده کرده ایم اگر اطلاعی ندارید به مقاله مربوط مراجعه فرمایید.بعد از افزودن فایل جاوا اسکریپت نیازمندیم تا کد زیر را در سند خود قرار دهیم.

ng-app

هماطنور که در پست مروبط به این مطلب پرداختیم ng-app برای نشان دادن محل شروع اپلیکیشن انگولاری ما می باشد.

ng-click

ng-click به منظور رویداد به هنگام کلیک شدن بر روی المان می باشد. هنگامی که بر روی گزینه ای در منو کلیک کنید متوجه میشود که کلاس اکتیو را میگیرد.

کاربرد ng-hide در منو

ng-hide برای غیرفعال کردن حالت می باشد و هنگامی که شما گزینه ای را انتخاب کنید متن “لطفا منویی برگزینید.” برای شما غیرفعال میشود و ng-show دقیقا عکس ng-hide عمل خواهد کرد.

افزودن استایل

برای زیبا تر شدن سایت نیازمندیم تا فایل css را در سند خود اضافه کنیم.

امیدوارم این قسمت از اموزش های انگولار جی اس برای شما مفید واقع شده باشد.پیشنهاد میشود برای درک بهتر تمام موضوعات به دوره ی کامل انگولار جی اس مراجعه فرمایید.

پیروز باشید. کدپز

مرتضی افضلی

مرتضی افضلی

این روزها دیگر نیاز نیست کلی هزینه‌ی اجاره‌ی مغازه بدهید. با دنیای کسب‌وکار اینترنتی و دیجیتال مارکتینگ می‌توانیم کسب درامد داشته باشیم و من در مجموعه‌ی کدپز در این راه همراه شما هستم.

تا کنون 56 نفر در کدپز ثبت نام کرده اند.

0 پاسخ به "قسمت بیست و چهارم AngularJS : اموزش ساخت منو با انگولار جی اس"

    ارسال یک پیام

    نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

    X