Angular 2 — Архитектура

Angular 2 — Архитектура

От автора: на скриншоте ниже приведена архитектура Angular 2. Каждое приложение состоит из компонентов. Каждый компонент является логическим разделом функций приложения. Для этого необходимо построить многоуровневые службы, которые используются для совместного использования функций между компонентами.

Angular 2 — Архитектура

Ниже приведена структура Компонента. Компонент состоит из:

Классов — это как классы C ++ или Java, которые содержат свойства и методы.

Метаданные — используется для оформления класса и расширения его функционала.

Практический курс по созданию веб-приложения на Angular4

Станьте профессиональным веб-разработчиком, создавая востребованные веб-приложения на Angular4.

Узнать подробнее

Шаблон — используется для определения представления HTML, отображаемого в приложении.

Angular 2 — Архитектура

Ниже приведен пример компонента.

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

@Component ({ 
 selector: 'my-app', 
 templateUrl: 'app/app.component.html' 
}) 

export class AppComponent { 
 appTitle: string = 'Welcome';
}

Каждое приложение состоит из модулей. Каждое приложение Angular 2 должно содержать один корневой модуль Angular. Корневой модуль Angular может содержать несколько компонентов для разделения функционала.

Angular 2 — Архитектура

Ниже приведен пример корневого модуля.

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 { }

Каждое приложение состоит из функциональных модулей, каждый модуль содержит отдельную функцию приложения. Модуль функций Angular может содержать несколько компонентов для разделения функций.

Angular 2 — Архитектура

Источник: https://www.tutorialspoint.com/

Редакция: Команда webformyself.

Практический курс по созданию веб-приложения на Angular4

Станьте профессиональным веб-разработчиком, создавая востребованные веб-приложения на Angular4.

Узнать подробнее
Самые свежие новости IT и веб-разработки на нашем Telegram-канале

Angular 4. Быстрый старт

Овладейте азами работы с Angular 4 с полного нуля

Получить

Метки:

Похожие статьи:

Комментарии Вконтакте:

Комментарии Facebook:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree