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...
JavaScript
Angular. Components interaction
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...
Angular. Built-in directives. Dynamic element attributes
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...
Angular. Structural directives *ngFor and *ngIf
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...
Angular. Modules
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
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...
Angular. Introduction to services
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...
Angular. Introduction to components
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....
Angular CLI
In this video we'll talk about Angular CLI - command line interfaceAngular CLI lets you quickly create main Angular entities - components, services, pipes etc. Let's consider one of the most used command ng generate <entity> <options>. Entity is Angular...