dir.by  
  Поиск  
Компьютер, программы
Angular
 Модули в Angular 
посмотрели 5128 раз
обновлено: 24 Augusta 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
корневой компонент, который вызывается по умолчанию при загрузке приложения
На заметку!
Приложение может состоять из нескольких модулей (один корневой модуль и дополнительные модули).
 
← Previous topic
Adding routing (router) to the web application with Angular 12
 
Next topic →
Components in Angular
 
Your feedback ... Comments ...
   
Your Name
Your comment (www links can only be added by a logged-in user)

  Объявления  
  Объявления  
 
What is Angular 8?
New Angular 8 application
Option 1. Creating a new Angular application from the console with the angular/cli command (50 files)
Creating a new web application with Angular 8. Using the command line: npx -p @angular/cli@8.1.0 ng new
Option 2 (the best for me). Creating a new Angular application yourself (8 files)
Create a new web application with Angular 8 in Visual Studio Code. We use: Node.js + Angular (write our component in ts file) + Typescript (convert files ts to js)
What happens when I start an Angular 8 application? Run main.ts file. Creating a module.
Angular 9
Creating a new web application with Angular 9 in Visual Studio Code. Use: Node.js + Angular (write our component in the ts file) + Typescript (convert ts files to js)
Angular 12
Creating a new web application with Angular 12 in Visual Studio Code. Use: Node.js + Angular (write our component in the ts file) + Typescript (convert ts files to js)
Adding routing (router) to the web application with Angular 12
Angular Description
Modules in Angular
Components in Angular
Binding data in Angular
Errors
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 for Angular
Using Docker in a project with Angular (for Windows)
Angular Flex-Layout
Angular Flex-Layout
WWW Sites to Learn Angular
Sites to learn Angular

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