آموزش معماری در انگولار 2
آموزش معماری در انگولار 2
در این درس از مجموعه آموزش برنامه نویسی سایت سورس باران، به آموزش معماری در انگولار 2 خواهیم پرداخت.
تصویر زیر آناتومی یک برنامه انگولار 2 را نشان می دهد. هر برنامه شامل قطعات است. هر جزء یک مرز منطقی از قابلیت برای برنامه است. شما باید خدمات لایه ای داشته باشید ، که برای به اشتراک گذاشتن عملکرد بین اجزا استفاده می شود.
در زیر آناتومی یک کامپوننت آمده است. یک جزء شامل –
- کلاس – این مانند یک کلاس ++C یا Java است که از ویژگی ها و روش ها تشکیل شده است.
- متا دیتا – این برای تزئین کلاس و گسترش عملکرد کلاس استفاده می شود.
- الگو – این برای تعریف نمای HTML که در برنامه نمایش داده می شود استفاده می شود.
در زیر نمونه ای از یک جزء ذکر شده است.
1 2 3 4 5 6 7 8 9 10 |
import { Component } from '@angular/core'; @Component ({ selector: 'my-app', templateUrl: 'app/app.component.html' }) export class AppComponent { appTitle: string = 'Welcome'; } |
هر برنامه از ماژول ها تشکیل شده است. هر برنامه انگولار 2 باید دارای یک ماژول Root Angular باشد. سپس هر ماژول Angular Root می تواند چندین جزء داشته باشد تا عملکرد را جدا کند.
در زیر نمونه ای از یک ماژول ریشه است.
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 { } |
هر برنامه از ماژول های ویژگی تشکیل شده است که در آن هر ماژول دارای ویژگی جداگانه ای از برنامه است. سپس هر ماژول ویژگی انگولار می تواند چندین جزء داشته باشد تا عملکرد را جدا کند.
دیدگاه شما