Every Angular component has its own lifecycle. Lifecycle includes several optional methods, which you can realize for response to different component events (change detection run for example)To describe lifecycle method (hooks) you need implement interface contains...
Angular app is components tree. When something has changed in component (DOM changes, run timeout, intervals, promises, http requests), Angular checks all components for changes. It can affect negatively to app performance. In this video we'll consider change...
Today we'll consider interaction between parent and child Angular components. Components with different levels of nesting can interact with middl service (we'll talk about it in next videos).We have to use @Input() and @Output() decorators for using interaction...
In this video we'll talk about several built-in Angular directives - ngStyle, ngClass, ngSwitchCase, ng-templateAlso we'll discuss local templates inside ngFor element template. Especially I notice about importance of trackBy. This param increase Angular apps...
In this tutorial we'll consider Angular structural directives - *ngFor and *ngIf and the special directive ng-containerAngular has hot three kinds of directives structural - it changes DOM structure. attributes - it changes the element view/behaviour. components...
In this video we'll discuss modules. Modules are "global building blocks" of Angular applications. Angular always has one root module AppModule. Angular module is a class with the NgModule decorator. This decorator gets metadata with next props: declarations - the...
Angular pipes are analogues of AngularJS filters. They transform data before output it in component template.Angular has several built-in pipes (date, uppercase, lowercase, currency, decimal, percent). Also developer can create his own pipes. Pipe is a class, realize...
Services in Angular are simple classes, who make specific non-component operations (calculations, read data from remote HTTP server and etc).Services have the special decorator @Injectable(), which define this class as the service. The decorator has a param...
Today we'll consider basics of Angular components - template params and methods, interpolation, eventsAngular components are what the user interacts with: see data and interacts with it (clicks etc).Angular component is class, which has its own template and styles....