Please enable JavaScript.
Coggle requires JavaScript to display documents.
Angular - Coggle Diagram
Angular
Lifecycle Hooks
ngOnInit
ngOnDestroy
constructor
ngOnChanges
ngDoCheck
ngAfterContentInit
ngAfterConteneChecked
ngAfterViewInit
ngAfterViewChecked
Data Binding
[property]="value"
(event)="handler"
{{value}}
[(ngModel)]="property"
雙向綁定比較消耗效能,常用在表單
https://hsuchihting.github.io/angular/20200825/1020258751/
https://hackmd.io/@Heidi-Liu/angular-data-binding
Directives: 用來操作或改變 DOM
structural directives: 增 刪或取代現有元素
ngIf/
ngSwitch
*ngFor
attribute directives: 改變現有元素的外觀或行為
ngStyle
ngClass
Components
app.component.html
app.component.css
app.component.ts
app.component.spec.ts
Services & Dependency Injection
https://blog.talllkai.com/Angular/2022/09/15/Service
Modules: 有點難理解
RxJS