Please enable JavaScript.

Coggle requires JavaScript to display documents.

Angular - Kiến trúc cơ bản (Tổng quát (App là tập hợp các NgModule…

- - - - Component gắn liền với một View - giao diện của app tại một hoàn cảnh nhất định
      - Component sử dụng Service - các chức năng không gắn liền với giao diện
        
        Tính rời rạc - minh bạch
        
        Tái sử dụng code
- - - - Chỉ thị để xử lý template
      - Component cũng là một loại Directive
      - Hai loại Directive
        
        Structural Directive
        
        *ngFor
        
        *ngIf
        
        Attribute directive
        
        <input [(ngModel)]="hero.name">
    - - {{ today | date }}
      - {{ today | date:'fullDate' }}
      - {{ today | date:'shortTime' }}
    - - Trao đổi dữ liệu giữa DOM và Component
      - Từ Component tới DOM
        
        Interpolation: {{ value }}
        
        Property binding: [property]="value"
      - Từ DOM tới Component
        
        Event binding: (event)="handler"
      - Hai chiều
        
        Kết hợp cả property và event binding: [(ngModel)]="property"
- - - - Component gắn liền với giao diện
      - Service gắn liền với chức năng
      - Tính rời rạc - Khả năng tái sử dụng
  - - - Angular đã định nghĩa sẵn
      - Lưu trữ các cá thể dependency đã tạo, tái sử dụng nếu có thể
      - Phải khai báo với provider để injector có thể sử dụng
        
        Trong AppModule: Toàn bộ Module có quyền truy cập
        
        Trong từng Component: Chỉ có Component truy cập
      - Tạo mới dựa trên constructor của Component được inject