آموزش ماژول در انگولار ۴

آموزش ماژول در انگولار ۴

در این درس از مجموعه آموزش برنامه نویسی سایت سورس باران، به آموزش ماژول در انگولار ۴ خواهیم پرداخت.

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

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

برای تعریف ماژول می توانیم از NgModule استفاده کنیم. هنگامی که یک پروژه جدید با استفاده از دستور Angular –cli ایجاد می کنید ، ngmodule به طور پیش فرض در فایل app.module.ts ایجاد می شود و به شکل زیر است –

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';

@NgModule({
   declarations: [
      AppComponent
   ],
   imports: [
      BrowserModule
   ],
   providers: [],
   bootstrap: [AppComponent]
})

export class AppModule { }

NgModule باید به صورت زیر وارد شود –

import { NgModule } from '@angular/core';

ساختار ngmodule مطابق شکل زیر است –

@NgModule({
   declarations: [
      AppComponent
   ],
   imports: [
      BrowserModule
   ],
   providers: [],
   bootstrap: [AppComponent]
})

این باNgModule شروع می شود و شامل یک شی است که دارای اعلانات، واردات، ارائه دهندگان و بوت استرپ است.

اعلان

این مجموعه ای از اجزای ایجاد شده است. اگر هر جزء جدیدی ایجاد شود، ابتدا وارد می شود و مرجع مطابق شکل زیر در اظهارنامه ها قرار می گیرد –

declarations: [
   AppComponent,
   NewCmpComponent
]

وارد كردن

این مجموعه ای از ماژول ها است که برای استفاده در برنامه مورد نیاز است. همچنین می تواند توسط اجزای موجود در آرایه Declaration استفاده شود. به عنوان مثال در حال حاضر درNgModule ما شاهد مشاهده ماژول مرورگر هستیم. در صورتی که برنامه شما به فرم نیاز دارد، می توانید ماژول را به شرح زیر وارد کنید –

import { FormsModule } from '@angular/forms';

واردات درNgModule مانند زیر خواهد بود –

imports: [
   BrowserModule,
   FormsModule
]

ارائه دهندگان

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

بوت استرپ

این شامل اجزای اصلی برنامه برای شروع اجرا می شود.

منبع.

لیست جلسات قبل آموزش انگولار ۴

1. آموزش انگولار ۴
2. بررسی اجمالی انگولار ۴
3. آموزش تنظیمات محیط انگولار ۴
4. آموزش راه اندازی پروژه در انگولار ۴
5. آموزش کامپوننت ها در انگولار ۴