This is purely a demo of Ionic 2. This app is still in development.
- Getting Started
- App Preview
- iPhone 6
- Nexus 5
- Use Cases
- File Structure of App
- Coming Soon
- Angular 2 Examples
- Clone this repository.
- Run
npm installon project root. - Install the ionic-cli if not already (
npm install -g ionic@alpha) - Run
ionic servein project root. - Profit
- Tabs - [ template | code ]
- Segments - [ template | code ]
- Search bar - [ template | code ]
- Sliding items with buttons - [ template | code ]
- Modals - [ template | code ]
- Toggle / switches - [ template ]
- Cards - [ template ]
- Sticky headers - [ template ]
- Using Angular HTTP for JSON - [ code | usage ]
ionic-conference-app/ ├── hooks/ * Cordova hooks | ├── node_modules/ * Node dependencies | ├── platforms/ * Cordova generated native platform code | ├── plugins/ * Cordova native plugins go | ├── resources/ * Images for splash screens and icons | ├── www/ * Folder that is copied over to platforms www directory │ ├── app/ * Contains our application code │ │ ├── about/ * About page │ │ │ ├── about.html * Page template │ │ │ └── about.js * Page code │ │ │ │ │ │── components/ * Example components │ │ │ ├── date-format.js * Import moment.js and format date │ │ │ ├── schedule-list.js * List component │ │ │ └── schedule-list.html * List template │ │ │ │ │ ├── app.html * Application template │ │ ├── app.js * Main Application configuration │ │ └── app.scss * Sass imports │ │ │ ├── build/ * Contains compiled content │ │ ├── css * Compiled CSS │ │ ├── fonts * Copied Fonts │ │ └── js * ES5 compiled JavaScript │ │ │ ├── img/ * App images │ │ │ └── index.html * Main entry point | ├── .gitignore * Example git ignore file ├── config.xml * Cordova config file ├── gulpfile.js * Gulpfile for tasks ├── ionic.project * Ionic project file ├── package.json * Our javascript dependencies ├── README.md * This file ├── tsconfig.json * Configures the TypeScript compiler └── webpack.config.js * Our Webpack configuration We'll also be showing how to use native plugins:
- Camera access
- Geolocation
- Angular 2 RxJS Chat: https://github.com/ng-book/angular2-rxjs-chat







