Ionic guide including ionic4 (#22236)
This commit is contained in:
committed by
Kristofer Koishigawa
parent
e0e864fd0f
commit
e3fe801288
@ -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
|
||||||
|
|
||||||
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/).
|
||||||
|
@ -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"`
|
||||||
|
@ -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)
|
||||||
|
Reference in New Issue
Block a user