SIGN IN SIGN UP

A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.

0 0 65 TypeScript
2018-02-28 11:41:57 -06:00
# @ionic/angular
2017-11-21 14:25:47 -06:00
2018-03-03 16:16:02 -06:00
Ionic Angular specific building blocks on top of [@ionic/core](https://www.npmjs.com/package/@ionic/core) components.
2017-11-21 14:25:47 -06:00
2018-02-28 11:41:57 -06:00
## Related
2017-11-21 14:25:47 -06:00
2018-03-03 16:16:02 -06:00
* [Ionic Core Components](https://www.npmjs.com/package/@ionic/core)
* [Ionic Documentation](https://ionicframework.com/docs/)
* [Ionic Discord](https://ionic.link/discord)
2018-03-03 16:16:02 -06:00
* [Ionic Forum](https://forum.ionicframework.com/)
* [Ionicons](http://ionicons.com/)
2018-02-28 11:41:57 -06:00
* [Stencil](https://stenciljs.com/)
* [Capacitor](https://capacitor.ionicframework.com/)
2018-03-03 16:16:02 -06:00
## License
* [MIT](https://raw.githubusercontent.com/ionic-team/ionic/main/LICENSE)
## Testing ng-add in ionic
1. Pull the latest from `main`
2. Build ionic/angular: `npm run build`
3. Run `npm link` from `ionic/angular/dist` directory
4. Create a blank angular project
```
ng new add-test
// Say yes to including the router, we need it
cd add-test
```
5. To run schematics locally, we need the schematics-cli (once published, this will not be needed)
```
npm install @angular-devkit/schematics-cli
```
6. Link `@ionic/angular`
```
npm link @ionic/angular
```
7. Run the local copy of the ng-add schematic
```
$ npx schematics @ionic/angular:ng-add
```
You'll now be able to add ionic components to a vanilla Angular app setup.