dir.by  
  Поиск  
Программирование, разработка, тестирование
Angular
Модули в Angular
  Посмотрели 3318 раз(а)    
 Модули в Angular 
последнее обновление: 24 августа 2020
Каждое приложение Angular как минимум имеет один корневой модуль (root module), который, согласно условностям, называется AppModule.
Пример
  Файл app.module.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';
import { AppComponent } from './app.component';

@NgModule({
     imports: [ BrowserModule, FormsModule ],
     declarations: [ AppComponent ],
     bootstrap: [ AppComponent ]
})
export class AppModule { }
Объяснение
@NgModule
Декоратор @NgModule говорит что класс ниже это Angular модуль
свойство declarations
В свойстве declarations находятся классы представлений (view classes), которые принадлежат модулю.

Angular имеет три типа классов представлений:
компоненты (components),
• директивы (directives)
• каналы (pipes)
свойство exports
набор классов представлений, которые должны использоваться в шаблонах компонентов из других модулей
свойство imports
другие модули, классы которых необходимы для шаблонов компонентов из текущего модуля
свойство providers
классы, создающие сервисы, используемые модулем
свойство bootstrap
корневой компонент, который вызывается по умолчанию при загрузке приложения
На заметку!
Приложение может состоять из нескольких модулей (один корневой модуль и дополнительные модули).
 
← Предыдущая тема
В web приложение с Angular 12 добавляем маршрутизацию (router)
 
Следующая тема →
Компоненты в Angular
 
Ваши Отзывы ... комментарии ...
   
Вашe имя
Ваш комментарий (www ссылки может добавлять только залогиненный пользователь)

  Объявления  
  Объявления  
 
Что такое Angular 8?
Новое приложение Angular 8
Вариант 1. Создаем новое Angular приложение с консоли командой angular/cli (50 файлов)
Создаем новое web приложение с Angular 8. Используем командную строку: npx -p @angular/cli@8.1.0 ng new
Вариант 2 (для меня лучший). Создаем новое Angular приложение сами (8 файлов)
Создаем новое web приложение с Angular 8 в Visual Studio Code. Используем: Node.js + Angular (пишем нашу компоненту в ts файле) + Typescript (конвертация файлов ts в js)
Что происходит при запуске Angular 8 приложения? Запуск main.ts файла. Создание модуля.
Angular 9
Создаем новое web приложение с Angular 9 в Visual Studio Code. Используем: Node.js + Angular (пишем нашу компоненту в ts файле) + Typescript (конвертация файлов ts в js)
Angular 12
Создаем новое web приложение с Angular 12 в Visual Studio Code. Используем: Node.js + Angular (пишем нашу компоненту в ts файле) + Typescript (конвертация файлов ts в js)
В web приложение с Angular 12 добавляем маршрутизацию (router)
Описание Angular
Модули в Angular
Компоненты в Angular
Привязка данных в Angular
Ошибки
Error "npm : The term 'npm' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spell included, verify that the path is correct and try again." | nodejs npm angular
Error "npm ERR! While resolving: @angular/flex-layout@12.0.0-beta.35 | Could not resolve dependency: | Conflicting peer dependency: @angular/cdk@12.2.13" | nodejs npm angular
ng serve Error "ng : The term 'ng' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spellin the path is correct and try again." | nodejs npm angular
ng serve Error "File ng.ps1 cannot be loaded. The file ng.ps1 is the current system." | nodejs npm angular
Error "Module build failed (from ./node_modules/@ngtools/webpack/src/ivy/index.js)" | nodejs npm angular
Docker для Angular
Используем Docker в проекте с Angular (под Windows)
Angular Flex-Layout
Angular Flex-Layout
WWW сайты для изучения Angular
Сайты для изучения Angular

  Ваши вопросы присылайте по почте: info@dir.by  
Яндекс.Метрика