Ionic guide including ionic4 (#22236)

This commit is contained in:
Dom Slatford
2018-12-01 15:19:45 +00:00
committed by Kristofer Koishigawa
parent e0e864fd0f
commit e3fe801288
3 changed files with 26 additions and 11 deletions

View File

@ -2,25 +2,21 @@
title: Angular title: Angular
--- ---
<img src="https://angular.io/assets/images/logos/angular/angular.svg" width="200" height="200">
## Angular
![angular logo](https://angular.io/assets/images/logos/angular/angular.png) ![angular logo](https://angular.io/assets/images/logos/angular/angular.png)
## Angular
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. Angular (versions 2 and up) is a TypeScript based open source framework to develop frontend web applications. It is the successor of AngularJS and all mentions of Angular refer to versions 2 and up. Please see the seperate AngularJS catagory for its respective guides. Angular has features like generics, static-typing, and also some ES6 features.
## Version History ## 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. 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. The last significant release of AngularJS, version 1.7, took place on July 1, 2018, and is currently in a 3 year Long Term Support period. Angular 2.0 was first announced on September 22, 2014 at the ng-Europe conference. One new feature of Angular 2.0 is dynamic loading, and most of the core functionality was 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 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) After some modifications, Angular 4.0 was released in December 2016. Angular 4 is backward compatible with Angular 2.0, and some new features are the HttpClient library and new router life cycle events. Angular 5 released on November 1, 2017, a major feature of which is support for progressive web apps. Angular 6 was released in May, 2018, and Angular 7 in October, 2018. The latest stable version is [7.0.0](https://angular.io/guide/releases).
**Install**: **Install**:
The easiest way to install Angular 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.
The easiest way to install Angular is through [Angular CLI](https://cli.angular.io/). This tool allows the creation of new projects and generating components, services, modules, and so on, to a standard the Angular team consider to be best practices.
```shell ```shell
npm install -g @angular/cli npm install -g @angular/cli
@ -32,4 +28,4 @@ cd example-app
ng serve ng serve
``` ```
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) For more information, refer to the official docs for [Angular](https://angular.io/docs) or [Angular CLI](https://cli.angular.io/).

View File

@ -7,7 +7,6 @@ AngularJS (versions 1.x) is an open source front-end JavaScript framework. Angul
It reduces the repetitive use of HTML code. This repetition can be avoided by using the directives provided by AngularJS which saves It reduces the repetitive use of HTML code. This repetition can be avoided by using the directives provided by AngularJS which saves
much time and effort. It is cross platform and used to develop Single Page Web Application (SPWA). AngularJS implements the 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. much time and effort. It is cross platform and used to develop Single Page Web Application (SPWA). AngularJS implements the 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.
## AngularJS Expressions ## AngularJS Expressions
- Expressions can be written inside double braces: `{{ expression }}` - Expressions can be written inside double braces: `{{ expression }}`
- Expressions can also be written inside a directive: `ng-bind="expression"` - Expressions can also be written inside a directive: `ng-bind="expression"`

View File

@ -37,3 +37,23 @@ Create a new project and run in the browser:
ionic serve ionic serve
``` ```
### Ionic 4 Beta:
The latest release of Ionic is [Ionic 4](https://blog.ionicframework.com/announcing-ionic-4-beta/). Having completly rewritten all their Angular components as web compoents, Ionic is now platform agnostic with the ability to use Anguar, Vue, React, or plain JavaScript.
To use Ionic 4 make sure you have the latest version of the Ionic CLI:
```shell
npm i -g ionic
```
and use the type arguments
```shell
ionic start MyFirstIonic4App tabs --type=angular
cd MyFirstIonic4App
ionic serve
```
Ionic 4's CLI now uses Angular's CLI for its building and routing. For other frameworks see the quickstarts:
- [Ionic Angular](https://github.com/ionic-team/ionic/tree/master/angular)
- [Ionic Vue](https://github.com/ionic-team/ionic/blob/master/vue/README.md)
- [Ionic React](https://github.com/ionic-team/ionic/tree/master/react)