Loading
 
What's Next: View All Tutorial →

Angular JS 2 - Introduction

  Angular is a framework for building client applications in HTML and either JavaScript or a language like TypeScript that compiles to JavaScript. The framework consists of several libraries, some of them core and some optional.   Eig...

Published Date: 06/12/2016  Last Modified Date: 06/12/2016    New Post



 

Angular is a framework for building client applications in HTML and either JavaScript or a language like TypeScript that compiles to JavaScript.

The framework consists of several libraries, some of them core and some optional.
 

Eight Building blocks in Angular Js 2

 

  • Modules
  • Components
  • Templates
  • Metadata
  • Data binding
  • Directives
  • Services
  • Dependency injection


Angular JS 2 API List

https://angular.io/docs/ts/latest/api/


Basic File Structure

 
   app
  |
  |--app.component.ts
  |--app.module.ts
  |--main.ts
index.html
 


Things to Know:

main.ts  - this file contain the bootstraping to start and intitialize the Angular Js application

app.module.ts - this file contains NgModule which has the routing concept and the new created component refrence, If any new component created, the refrence should be added here for initialization

app.component.ts - this file is the user defined angular js 2 component

index.html - the main page to load it.


Live Code editor - Available here 

https://angular.io/resources/live-examples/setup/ts/eplnkr.html

 
Awaiting for Administrator approval




← Back to list


Related Post




×