A basic requirement for every Web framework is to synchornize a data model and the Browser DOM. Detecting data model change is a central task. Angular separates updating the application and DOM changes into two distinct phases. The developer is responsible for model changes in one phase and Angular synchronizes the model changes in change detection in another phase.

Angular enforces an unidirectinal data flow from parent to child via @Input() property binding. A child should not change its parent’s state directly. A child can communicate with its parent using @Output() event or via shared service.

This article summarizes the module concepts and the organizaton of modules.

This blog describes the concept and implementation of Angular form control.

This blog is an attemp to understand the design and implementation of Angular routing.

This is a note of Ionic patterns.

This is a study note of Angular test based on the official document

The notes is based on the book RxJS in Action, the official RxJS document and the Learn RxJS gitbook .