Angular 2 — Модули

Angular 2 — Модули

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

Через Visual Studio code перейдите в папку app.module.ts в папке приложения. Это называется классом корневого модуля.

Angular 2 — Модули

В файле app.module.ts будет содержаться следующий код.

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

Давайте подробно рассмотрим каждую строку кода.

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

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

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

Оператор import используется для импорта функций из существующих модулей. Таким образом, первые 3 оператора используются для импорта в данный модуль модулей NgModule, BrowserModule и AppComponent.

Декодер NgModule используется для того, чтобы позже определить импорт, декларации и параметры начальной загрузки.

Для любого веб-приложения Angular по умолчанию требуется BrowserModule.

Параметр bootstrap указывает Angular, какой Компонент загружать в приложение.

Модуль состоит из следующих частей:

Массив Bootstrap. Используется, чтобы указать Angular JS, какие Компоненты необходимо загрузить, чтобы их функционал был доступен в приложении. После включения компонента в массив bootstrap вам необходимо объявить их, чтобы их можно было использовать для других компонентов приложения Angular JS.

Массив Export. Используется для экспорта компонентов, директив и каналов, которые затем могут использоваться в других модулях.

Массив Import. Подобно массиву Export, массив Import может использоваться для импорта функций из других модулей Angular JS.

Источник: 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