قسمت سوم AngularJS: ماژول 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

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

2748

Calendar-amico (2)

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

13 , آذر , 1397

Work time-rafiki

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

6 دقیقه

ماژول AngularJS چگونه تعریف می‌شود؟

با عرض سلام

در قسمت سوم از آموزش‌های AngularJS قصد داریم تا ماژول AngularJS را تعریف کنیم.

پیشنهاد می‌شود قبل از ورود به این آموزش قسمت‌های قبلی این آموزش را مطالعه فرمایید.

قسمت اول انگولار

قسمت دوم انگولار

برای ورود به هرکدام از قسمت‌های بالا روی آنها کلیک کنید!

ماژول AngularJS چیست؟

ماژول در AngularJS یک برنامه را تعریف می‌کند.

ماژول یک ظرف برای قسمت‌های مختلف یک برنامه است.

ماژول یک ظرف برای کنترل‌کننده برنامه است.

کنترل‌کننده‌ها همیشه به یک ماژول متعلق هستند.

ساخت یک ماژول AngularJS

ماژول‌ها در AngularJS به‌وسیله‌ی تابع angular.module ساخته می‌شوند.

پارامتر “myApp” به عنصر HTML اشاره دارد که در آن برنامه اجرا می‌شود.

حالا شما می‌توانید کنترل‌کننده‌ها، دستورالعمل‌ها، فیلترها و موارد دیگر را به برنامه AngularJS اضافه کنید.

افزودن کنترل‌کننده

برای افزودن کنترل‌کننده به برنامه‌ی خود باید از عبارت ng-controller استفاده کنیم:

در ادامه‌ی این آموزش با کنترل‌کننده بیشتر آشنا خواهید شد.

اضافه کردن یک دستورالعمل

AngularJS مجموعه‌ای از دستورات ساخته‌شده است که می‌توانید از آن برای اضافه کردن قابلیت به برنامه خود استفاده کنید.

برای داشتن اطلاعات بیشتر دراین‌باره می‌توانید به پستی که درباره‌ی اصطلاحات بود مراجعه فرمایید.

علاوه بر این شما می‌توانید از ماژول برای اضافه کردن دستورات خود به برنامه‌های خود استفاده کنید:

بعداً در این آموزش بیشتر در مورد دستورالعمل‌ها خواهید آموخت.

ماژول‌ها و کنترل‌کننده‌ها در فایلها

در برنامه‌های AngularJS رایج است که ماژول و کنترل‌کننده‌ها را در فایل‌های جاوا اسکریپت قرار دهد.

در این مثال، myApp.js شامل یک تعریف ماژول برنامه است، درحالی‌که myCtrl.js حاوی کنترل‌کننده است:

محتویات صفحه‌ی اصلی که معمولاً index.html نام‌گذاری می‌شود:

محتویات فایل myApp.js :

پارامتر [] در تعریف ماژول می‌تواند برای تعریف ماژول‌های وابسته استفاده شود.

بدون پارامتر [] شما یک ماژول جدید ایجاد نمی‌کنید، اما فراخوانی یک موجود را ایجاد می‌کنید.

محتویات فایل myCtrl.js :

توابع می‌توانند فضای نامی جهانی را آلوده کنند!

توابع جهانی باید در جاوا اسکریپت اجتناب شود. آنها می‌توانند به‌آسانی توسط اسکریپت‌های دیگر رونویسی یا نابود شوند.

ماژول‌های AngularJS این مسئله را با نگه‌داشتن همه توابع محلی به ماژول کاهش می‌دهد.

بارگذاری کتابخانه

درحالی‌که در برنامه‌های HTML معمولی برای قرار دادن اسکریپت در انتهای عنصر <body> رایج است، توصیه می‌شود که کتابخانه AngularJS را در <head> یا در ابتدای <body> بارگذاری کنید.

به این دلیل که angular.module می‌تواند پس از بارگذاری کتابخانه کامپایل شود.

درصورت سؤال داشتن می‌توانید از طریق فرم نظرات سایت با ما در ارتباط باشید!

برای داشتن اطلاعات بیشتر درباره‌ی انگولار می‌توانید به سایت w3schools مراجعه فرمایید.

منتظر ادامه‌ی آموزش‌ها از کدپز باشید!

مرتضی افضلی

مرتضی افضلی

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

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

0 پاسخ به "قسمت سوم AngularJS: ماژول AngularJS چگونه تعریف می‌شود؟"

    ارسال یک پیام

    نشانی ایمیل شما منتشر نخواهد شد.