Posts
Decorator in Depth Knowledge
Decorators are a core concept when developing with Angular versions 2 and above. decorators aren’t native to JavaScript just yet - TypeScript currently provides the functionality for us. There are two types of decorator. 1. BuiltIn Decorator 2. Custom Decorator BuiltIn Decorator : There are four main types of BuiltIn Decorator i. class // @Component, @NgModule ii. property // used for properties inside classes @Input and @Output iii. method // used for method inside classes, e.g. @HostListener iv. parameter // for parameters inside class constructors @Inject NOTE 1. class Decorator are use to express intent for classes. NOTE 2. property decorator is an extremely powerful mechanism which allow us to decorate specific properties wit...
Change Detection
Change Detection is the mechanism by which the Angular framework synchronizes the state of an application's UI with the state of the data. The change detector checks the current state of the data model whenever it runs. then change detector maintains the current state of the data model as the previous state to compare on the next iteration. Thank you ! next we will discuss the Implementation of Change Detection
Angular Case Type & Uses
Angular has various types of Cases in our project. They are like --- 1. under_score_case // here words are connected with underscores 2. dash-case // are used like component selectors 3. UPPER_UNDERSCORE_CASE // Traditionaly acceptable for CONSTANT 4.UpperCamelCase // are used UpperCase on the first letter of each words [ NgModules] 5. camelCase // lowerCamelCase uses lowerCase on the first letter of the item. under_score_case =====> (or "snake_case"): Not typically used in Angular. here words are connected with underscores dash-case =======> are used like component selectors (or "kebab-case"): Descriptive part of file names, component selectors. camelCase : // lowerCase on the first letter of the item. ...
Learn Directive Types with Code
app.component.html < ul > < li > < a routerLink = "" > Home </ a > </ li > < li > < a [routerLink] = "" > About </ a > </ li > < li > < a [routerLink] = "" > Contact </ a > </ li > < li > < a [routerLink] = "" > Life Management </ a > </ li > < li > < a [routerLink] = "" > AIR News </ a > </ li > < li > ...
Angular Part I
CLI--- Command Line Interface (complete Info ) 1. Angular cli is a command line tools for creating angular apps. Why We Use Angular CLI? We use angular cli because we don't need to spent time installing and configuring all the required dependencies and wiring everything together. Basically, angular-cli provides boilerplates and therefore, It saves our time. Angular cli makes easiest angular project configuration and development process is quite easy. 2. While creating a project , angular cli provides all required configuration file for a web apps. 3. we just need to install angular cli on our system/Laptop/PC/MAC with command prompt by using node package manager. you can use following command. npm install -g @angular/cli 4. Angular cli is the command line interface for creating and serving angular project. 5. for crea...