VietTuts

Tự Học Lập Trình Online

  • Home
  • Java
  • Servlet
  • JSP
  • Struts2
  • Hibernate
  • Spring
  • MyBatis
  • Java WS
  • C
  • C++
  • C#
  • Python
  • PHP
  • Excel
  • VBA
  • Web
    • JavaScript
    • JQUERY
    • JSON
    • AJAX
    • CSS
    • HTML
    • HTML5
    • Node.js
    • Angular 7
  • SQL
    • MySQL
    • SQL Server
  • Misc
    • Eclipse
    • Phần mềm tiện ích
    • Cấu trúc DL&GT
    • Selenium Test

Học Node.js

Giới thiệu Angular Cài đặt môi trường Angular7 Tạo dự án đầu tiên trong Angular7 Hướng dẫn lập trình Angular7 với trình soạn thảo Visual Studio Code Angular7 - Components Angular7 - Modules Angular7 - Data Binding Angular7 - Event Binding Angular7 - Templates Angular7 - Directives Angular7 - Pipes Angular7 - Routing Angular7 - Services Angular7 - Http Client Angular7 - CLI Prompts Angular7 - Forms
1 / 3
❮ ❯

Module trong Angular 7


Component trong Angular 7
Data Binding trong Angular 7

Nội dung chính

  • Module trong Angular là gì?
  • Tạo module trong Angular
  • Declarations
  • Imports
  • Providers
  • Bootstrap

Module trong Angular là gì?

Module trong Angular là một nơi mà bạn có thể nhóm các component, directive, pipe, và service có liên quan đến ứng dụng Angular.

Trong trường hợp bạn đang phát triển một trang web các thành phần header, footer, left, center và right có thể là một phần của module.


Tạo module trong Angular

Để định nghĩa module, chúng ta có thể sử dụng NgModule. Khi bạn tạo một dự án mới bằng lệnh Angular-cli, ngmodule được tạo trong file app.module.ts theo mặc định và nó trông như sau:


import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { NewCmpComponent } from './new-cmp/new-cmp.component';

@NgModule({
   declarations: [
      AppComponent,
      NewCmpComponent
   ],
   imports: [
      BrowserModule,
      AppRoutingModule
   ],
   providers: [],
   bootstrap: [AppComponent]
})
export class AppModule { }

NgModule cần được import như sau:


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

Cấu trúc của ngmodule như dưới đây:


@NgModule({ 
   declarations: [
      AppComponent, 
      NewCmpComponent 
   ],
   imports: [ 
      BrowserModule, 
      AppRoutingModule 
   ], 
   providers: [], 
   bootstrap: [AppComponent] 
})

Nó bắt đầu với @NgModule và chứa các đối tượng declarations, imports, providers và bootstrap.


Declarations

Nó là một mảng của các Component được tạo ra. Nếu bất kỳ Component mới nào được tạo, nó sẽ được import trước và tham chiếu sẽ được khai báo như dưới đây:


declarations: [ 
   AppComponent,  
   NewCmpComponent 
]

Imports

Nó là một mảng các module cần thiết để được sử dụng trong ứng dụng. Nó cũng có thể được sử dụng bởi các Component trong mảng Declarations. Ví dụ: trong @NgModule, chúng ta thấy BrowserModule và AppRoutingModule được import:


import { BrowserModule } from '@angular/platform-browser';
import { AppRoutingModule } from './app-routing.module';

Việc import trong @NgModule sẽ như sau:


imports: [ 
  BrowserModule,
  AppRoutingModule
]

Providers

Khai báo một mảng các service sẽ được sử dụng trong ứng dụng tại đây.


Bootstrap

Khai báo main component của ứng tại đây.


Component trong Angular 7
Data Binding trong Angular 7

Recent Updates

HttpClient trong Angular 7Service trong Angular7Routing trong Angular 7Pipe trong Angular 7Directive trong Angular 7Template trong Angular 7Event Binding trong Angular 7Module trong Angular 7Data Binding trong Angular 7Component trong Angular 7Hướng dẫn lập trình Angular 7 với trình soạn thảo Visual Studio CodeTạo dự án Angular đầu tiênSắp Tết 2026 Rồi! - Còn bao nhiêu ngày nữa là đến tết 2026?

VietTuts on facebook

Học Lập Trình Online Miễn Phí - VietTuts.Vn
Danh Sách Bài Học

Học Java | Hibernate | Spring
Học Excel | Excel VBA
Học Servlet | JSP | Struts2
Học C | C++ | C#
Học Python
Học SQL

Bài Tập Có Lời Giải

Bài tập Java
Bài tập C
Bài tập C++
Bài tập C#
Bài tập Python
Ví dụ Excel VBA

Câu Hỏi Phỏng Vấn

201 câu hỏi phỏng vấn java
25 câu hỏi phỏng vấn servlet
75 câu hỏi phỏng vấn jsp
52 câu hỏi phỏng vấn Hibernate
70 câu hỏi phỏng vấn Spring
57 câu hỏi phỏng vấn SQL

Scroll back to top

Copyright © 2016 VietTuts.Vn all rights reserved. | Liên hệ | Chính sách - riêng tư | sitemap.html | sitemap_index.xml