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

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

ماژول 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 مراجعه فرمایید.

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

یاعلی

برچسب ها : angular.module، angularjs

دیدگاه تازه ای بنویسید