Angular – Step 0

AngularJS to Angular-

– After ‘AngularJS’ (version 1.xx), it was renamed to ‘Angular’ (version 2.xx to current version). Because in Angular we use typescript(ts) instead of javascript (js).  so these statements are true.

1- AngularJS 2.XX does not exist, AngularJS 1.xx does.

2- Angular 1.XX does not exist, Angular 2.XX does.

3TypeScript extends JavaScript with extra functionality or TypeScript is the superset of javaScript. 

Now, let’s see what are differences between Angular vs AngularJS.

[AngularJS]                                                                                [Angular]

1- Javascript (.js files)                                             1- Typescript(.ts files)

2- MVC based                                                           2- Components based

3- <tr ng-repeat=“student in studentsArray”>  3- <tr *ngFor=”let student in studentArray”>

4-<button ng-click=“vm.toggleImage()”>            4- <button (click) ==“vm.toggleImage()”>

5- ng-show, ng-hide                                                 5- [hidden]

6- ng-if                                                                        6- *ngIf

7-ng-model                                                                7- ngModel

AngularJs -Angular Timeline :

1– October 20, 2010 AngularJS
2– 22 September 2014 Angular 2
3– Angular 3 (skipped)
4– 13 December 2016 Angular 4
5– 1 November 2017 Angular 5
6– 3 May 2018 Angular 6
7– October 2018 Angular 7
8– May 2019 Angular 8
9– October/November 2019 Angular 9

Recent posts:

Angular – Step 1- Installation

Installation Step 1- http://nodejs.org&nbsp;, Step 2- download and install Node.js with default settings Step 3- To check Installation , open command line / console and run the following command:> npm -v Step 4- If this shows node.js version number, we are ready to install the Angular CLI (Command Line Interface), Angular CLI is a command line […]

Rate this:

Angular – Step 2 -Project Structure

It’s worth dedicating a little bit of time to outline the important files and folders that you will commonly work in — and also understand some of the under-the-hood stuff that makes Angular work. The folder and file structure looks like this in an Angular project: The e2e folder is for end to end testing. We won’t […]

Rate this:

Angular – Step 3 – Components

The fundamental building blocks of your Angular app are the components. Components consist of 3 elements: The imports The component decorator, which are various properties for your component. The component decorator includes locations to your component’s template and CSS location. The component logic, where your code resides. Let’s take a look at the component the […]

Rate this:

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.