آموزش ماژول ها در انگولار 2
آموزش ماژول ها در انگولار 2
در این درس از مجموعه آموزش برنامه نویسی سایت سورس باران، به آموزش ماژول ها در انگولار 2 خواهیم پرداخت.
ماژول ها در Angular JS برای قرار دادن مرزهای منطقی در برنامه شما استفاده می شوند. بنابراین به جای کدگذاری همه چیز در یک برنامه می توانید همه چیز را در ماژول های جداگانه قرار دهید تا عملکرد برنامه شما جدا شود. بیایید کدی را که به برنامه نمایشی اضافه می شود بررسی کنیم.
در کد ویژوال استودیو به پوشه app.module.ts در پوشه برنامه خود بروید. این به عنوان کلاس ماژول ریشه شناخته می شود.
کد زیر در فایل app.module.ts وجود دارد.
1 2 3 4 5 6 7 8 9 10 |
import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { AppComponent } from './app.component'; @NgModule ({ imports: [ BrowserModule ], declarations: [ AppComponent ], bootstrap: [ AppComponent ] }) export class AppModule { } |
بیایید هر خط کد را با جزئیات مرور کنیم.
دستور import برای وارد کردن قابلیت ها از ماژول های موجود استفاده می شود. بنابراین، 3 عبارت اول برای وارد کردن ماژول های NgModule ، BrowserModule و AppComponent به این ماژول استفاده می شود.
NgModule decorator بعداً برای تعریف واردات ، اعلانات و گزینه های راه اندازی بوت استفاده می شود.
BrowserModule به طور پیش فرض برای هر برنامه زاویه ای مبتنی بر وب مورد نیاز است.
گزینه bootstrap به Angular می گوید که کدام کامپوننت را در برنامه bootstrap قرار دهید.
یک ماژول از قسمتهای زیر تشکیل شده است –
- آرایه بوت استرپ – این مورد به Angular JS گفته می شود که کدام اجزا باید بارگیری شوند تا به قابلیت های آن در برنامه دسترسی داشته باشیم. هنگامی که کامپوننت را در آرایه bootstrap قرار می دهید، باید آنها را اعلام کنید تا بتوانند در سایر اجزای برنامه Angular JS استفاده شوند.
- آرایه اکسپورت – این برای صادر کردن اجزا ، دستورالعمل ها و لوله ها استفاده می شود که می توانند در سایر ماژول ها استفاده شوند.
- آرایه واردات – درست مانند آرایه صادرات، آرایه واردات می تواند برای واردکردن قابلیت از سایر ماژول های Angular JS استفاده شود.
دیدگاه شما