VietTuts

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

  • Home
  • Java
  • Servlet
  • JSP
  • Struts2
  • Hibernate
  • Spring
  • MyBatis
  • Java WS
  • C
  • C++
  • Python
  • PHP
  • Eclipse
  • VBA
  • Web
    • JavaScript
    • JQUERY
    • JSON
    • AJAX
    • CSS
    • HTML
    • HTML5
    • Node.js
    • Angular 7
  • SQL
    • MySQL
    • SQL Server
  • Misc
    • Phần mềm tiện ích
    • Cấu trúc dữ liệu và giải thuật
    • Học lập trình C#
    • 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

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ên

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
Học servlet
Học jsp
Học Hibernate
Học Struts2
Học Spring
Học SQL

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

About VietTuts.Vn

Hệ thống bài học trên VietTuts.Vn bao gồm các bài lý thuyết và thực hành về các công nghệ java và công nghệ web. Các bài lý thuyết trên hệ thống VietTuts.Vn được tham khảo và tổng hợp từ các trang http://javatpoint.com, http://www.tutorialspoint.com, http://docs.oracle.com/en …

Scroll back to top

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