Looking for a Tutor Near You?

Post Learning Requirement »
x

Choose Country Code

x

Direction

x

Ask a Question

x

x
x
For better view click here
x
Hire a Tutor
DISCOVER

Angular JS Basics

Loading...

Published in: Basic Computer
846 Views

It contains the notes of Angular JS Basics.

Daniel C / Chennai

6 years of teaching experience

Qualification: MCA (Jerusalem College of Engineering (JCE), Chennai - 2005)

Teaches: IT & Computer Subjects, School Level Computer, Computer Science, IT, Graphic Designing, HTML Training, Illustrator, Photoshop

Contact this Tutor
  1. Angular JS [Chapter 1]
  2. Basics of Anqular JS 2 Anqular JS Structural framework for dynamic web apps Template language is HTML Expressive HTML Powerful Data Binding Modular by design Built in backend integration Modern and faster Easier API Excellent productivity Environment Setup • Install Visual Studio .Net While doing Angular JS 2 setup , set and check for the RouteConfig.cs Component is a view made up of templates, classes made up of properties and methods, Meta data Component View Templates -Y Classes with Properties and Methods -Y Meta Data
  3. How to create a Component Let us assume that we have a project view of Angular JS, click the app folder and add a TypeScript File and name the item name as app.component.ts Open the app.component.ts and enter the following code: Import {Component} from "@angular/core", @component({ Selector: "my-app", template:"{{welcomeAngular}}" export class AppComponent welcomeAngular: string="Welcome to .Net Angular 2", How to add Component for Bootstrappinq Loading Main.ts: Import { AppModule } from './app.module'; Import { platformBrowserDynamic } from '@angular/platform-browser- dynamic'; platformBrowserDynamic().bootstrapModule(AppModule);
  4. app.module.ts import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { FormsModule } from '@angular/forms'; import { AppComponent } from './app.component'; @NgModule({ Imports: [BrowserModule, FormsModule], Declarations: [AppComponent], Bootstrap: [AppComponent] Export class AppModule { } Run the Application What are Directives? Directives can change the appearance or behaviour of DOM element {{movie.movieName}} {{movie.movieStar}} {{movie.releaseDate}} {{movie.price}}
  5. Interpolation Binding: One way binding Template: {{welcomeAngular}} Class: Export class AppComponent • Inline Templates: @Component({ selector: 'cc. movies', template: '{{welcomeMessage}}' Linked Templates: @Component({ selector: 'cc. movies', templateUrl: 'app/movies/movie-list.component.html'

Need a Tutor or Coaching Class?

Post an enquiry and get instant responses from qualified and experienced tutors.

Post Requirement

Related Study Notes

Upload Study Notes

If you have your own Study Notes which you think can benefit others, please upload on LearnPick. For each approved Study Note you will get 100 Credit Points and 100 Activity Score which will increase your profile visibility.

Upload Now
Home > Study Notes > Angular JS Basics