This is not the complete cheat sheet of all the things, but I think these are very useful snippets for anyone who is beginner.
tsconfig.json file indicates that the folder is the root of a TypeScript project.
Most browsers understand ECMAScript 5 (ES5). Also we need to generate Map files, that will assist us with debugging. For compiling purposes and to have decorators run properly in our application we need to set (“emitDecoratorMetadata”: true) and (“experimentalDecorators”: true). Exclude option tells TypeScript not to compile the specific files. So now lets look at the code:
In order to set up routing in Angular there are few setup steps.
- Include the Angular 2 router script
- Define the base element
- Register ROUTER_PROVIDERS
Add the Angular 2 Router script to your index.html
So there are few directives that I would like to discuss.
*ngIf and *ngFor
*ngIf – if expression is evaluated as a true or false value
In order to set up Angular 2 Application, few things need to be done to prepare the environment.
Read Time 5:33
Angular 2 uses components. So let me try to describe to you the component layout. Most applications today will have different components that will trigger events when we interact with them. Those events cause different data to be displayed at different places and different times. Data flows in the opposite direction of the events. So when I click on the filter that is the event, and it will display back to us, what? Of course data. Little illustration for you below.