Scribd
Upload
5 views3 pages

Angular

Uploaded by

socialdixon789
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
5 views3 pages

Angular

Uploaded by

socialdixon789
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 3

ANGULAR DOC

What is angular:
Angular is a JavaScript framework which allows you to create
reactive single-page-applications (SPAs)

Angular versions:
Angular1: reffered as AngualrJs
Angular2 – presernt : reffered as Angular

Project Setup:
1. Install nodejs
2. Angular cli: The Angular CLI is a command-line interface tool
that you use to initialize, develop Angular applications
directly from a command shell (npm install -g @angular/cli)
3. Create angular app (ng new app-name)
4. Run the application (ng server)

Project Structure:
 App-component
 Node-modules
 Package.json
 Index.html

Playing with binding


using NgModel directive ( import FormsModule )
Structure
1. Components and Data binding
2. Directives
3. Services
4. DI
5. Routing
6. Observables
7. Forms

Basics:
 How an angular app gets loaded (main.ts-app-html )
 Creating the component
 Using the components
 Nesting the components
 Template and templateUrl
 StyleUrl and styles:[]
 Attribure selectors using ([] )

Data Binding:

Communication between template and typescript

Types of data binding


1. String interpolation {{data}}
2. Property binding [property]=”data”
3. Event binding (click)=”expression”
4. Two way data binding [(ngModel)]

You might also like