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 install
on project root. - Install the ionic-cli if not already (
npm install -g ionic@alpha
) - Run
ionic serve
in 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