Ionic guide update (#22209)

* updated angular guide to focus on angular 2+

* updated intro to ionic guide
This commit is contained in:
Dom Slatford
2018-11-24 08:28:50 +00:00
committed by Huyen Nguyen
parent ad4d7c72b2
commit 97ef234fe4
3 changed files with 26 additions and 84 deletions

View File

@ -8,73 +8,27 @@ title: Angular
## Angular
![angular logo](https://angular.io/assets/images/logos/angular/angular.png)
AngularJS (versions 1.x) is a JavaScript based open source Framework. It is cross platform and used to develop Single Page Web Applications (SPWA). AngularJS implements the Model-View-Controller(MVC) pattern to separate the logic, presentation and data components. It also uses dependency injection to make use of server-side services in client side applications.
Angular(versions 2.x and up) is a Typescript based open source framework to develop front-end Web application. Angular has following features like generics, static-typing and also some ES6 features.
Angular(versions 2 and up) is a Typescript based open source framework to develop front-end Web application. It is the successor of AngularJS and all mention of Angular should refer to versions 2 and up. Please see the seperate AngularJS catagory for its respective guides. Angular has following features like generics, static-typing and also some ES6 features.
## Version History
Google released the initial version of AngularJS on October 20,2010. Stable release of AngularJS was on December 18, 2017 of version 1.6.8. Angular 2.0 release took place on Sep-22 2014 at ng-Europe conference. One of the feature of Angular 2.0 is dynamic loading and modularity, most core functionality has moved to modules.
After some modifications, Angular 4.0 was released on Dec-2016. Angular 4 is backward compatible with Angular 2.0. HttpClient library is one of the feature of Angular 4.0. Angular 5 release was on November 1, 2017. Support for Progressive web apps was one of the improvement in the Angular 5.0. Angular 6 release was in May 2018. The latest stable version is [7.0.0](https://blog.angular.io/version-7-of-angular-cli-prompts-virtual-scroll-drag-and-drop-and-more-c594e22e7b8c), which was release in October 2018.
After some modifications, Angular 4.0 was released on Dec-2016. Angular 4 is backward compatible with Angular 2.0. HttpClient library is one of the feature of Angular 4.0. Angular 5 release was on November 1, 2017. Support for Progressive web apps was one of the improvement in the Angular 4.0. Angular 6 release was in May 2018 and Angular 7 in October 2018. The latest stable version is [7.0.0](https://angular.io/guide/releases)
**Install**:
We can add Angular either by referencing the sources available or downloading the framework.
**Install using Angular CLI**
npm install -g @angular/cli
ng new app-name
cd app-name
ng serve
For more information follow the link https://cli.angular.io/
**Link To Source**:
AngularJS: We can add AngularJS(Angular 1.x versions) by referencing the Content Delivery Network from Google.
```html
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
```
Download/install: We can download the framework with npm, Bower or composer
**Angular 1.x**:
npm
```shell
npm install angular
```
Then add a `<script>` to your `index.html`:
```html
<script src="/node_modules/angular/angular.js"></script>
```
bower
The easiest way to install Angualr is through the (CLI project)[https://cli.angular.io/] this tool allows the creation of new projects and generating components/services/modules etc to a standard the Angular team consider to be best practices.
```shell
bower install angular
```
Then add a `<script>` to your `index.html`:
npm install -g @angular/cli
```html
<script src="/bower_components/angular/angular.js"></script>
ng new example-app
cd example-app
ng serve
```
For more information regarding the documentation, refer to the official site of [AngularJS](https://docs.angularjs.org/api)
**Angular 2.x**:
npm
```shell
npm install -g @angular/cli@latest
```
You can create **Angular 2.x** and other version projects by following the steps from the official documentation of [Angular](https://angular.io/guide/quickstart)
For more information regarding the documentation, refer to the official docs for the (CLI)[https://cli.angular.io/] or (Angular documentation)[https://angular.io/docs]
*Note : Please refer the Angular documentation for the updated information.*