https://github.com/thesurenk/angular-ionic-4-all-components-demo

Demo of Ionic 4 All Components in Angular
https://github.com/thesurenk/angular-ionic-4-all-components-demo

angular ionic ionic-angular ionic-framework ionic4

Last synced: about 1 year ago
JSON representation

Demo of Ionic 4 All Components in Angular

• Host: GitHub
• URL: https://github.com/thesurenk/angular-ionic-4-all-components-demo
• Owner: thesurenk
• License: mit
• Created: 2019-01-24T23:23:11.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2019-01-25T14:52:26.000Z (over 7 years ago)
• Last Synced: 2025-03-26T13:45:31.896Z (about 1 year ago)
• Topics: angular, ionic, ionic-angular, ionic-framework, ionic4
• Language: TypeScript
• Size: 126 KB
• Stars: 5
• Watchers: 1
• Forks: 6
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# IONIC 4 - Components In Angular

This is a demo site with all [Ionic 4 Components](https://blog.ionicframework.com/introducing-ionic-4-ionic-for-everyone/) built in Angular 7.

# Components

## Inputs

![ionic-inputs-test](https://user-images.githubusercontent.com/902972/51752798-f2526e00-207d-11e9-9e8d-d845ab19cc9e.png)

## Form

![ionic-forms-test](https://user-images.githubusercontent.com/902972/51752814-fbdbd600-207d-11e9-896d-f1fcbb8cccdd.png)

## Modals

![ionic-modals](https://user-images.githubusercontent.com/902972/51752816-fbdbd600-207d-11e9-91e6-80fe01473a85.png)

## Router Link

![ionic-routerlink](https://user-images.githubusercontent.com/902972/51752817-fc746c80-207d-11e9-911f-c423558d7bee.png)

## Tabs

![ionic-tabs](https://user-images.githubusercontent.com/902972/51752980-52e1ab00-207e-11e9-8373-27e5f5a9fece.png)

## Slides

![ionic-slides](https://user-images.githubusercontent.com/902972/51752818-fc746c80-207d-11e9-9bd8-b86550f24b78.png)

## Virtual Scroll

![ionic-virtual](https://user-images.githubusercontent.com/902972/51752820-fc746c80-207d-11e9-8930-fb08859bf92a.png)

## Nested Outlet

![ionic-nestedoutlet](https://user-images.githubusercontent.com/902972/51752821-fd0d0300-207d-11e9-9819-03846941431f.png)

## View Child

![ionic-viewchild](https://user-images.githubusercontent.com/902972/51752823-fd0d0300-207d-11e9-88e1-af38c4e8b56d.png)

## Providers

![ionic-providers](https://user-images.githubusercontent.com/902972/51752824-fd0d0300-207d-11e9-93da-b915599c338b.png)

# Build, Deploy

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.1.0.

## Development server

Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.

## Build

Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.

# Credits

* This example is forked from [ionic-team's angular example](https://github.com/ionic-team/ionic/tree/master/angular/test/test-app)