Ionic is an open source Mobile SDK for developing native and progressive web apps. Ionic offers a library of mobile-optimized HTML, CSS and JS components and tools for building highly interactive native and progressive Web apps. Built with Sass, optimized for AngularJS. Please go through the page.
Ionic Getting started:
Please go through the ionic getting started in the below link and follow the necessary steps to configure and run the Ionic samples.
Using Syncfusion Essential JS controls with ionic framework:
Syncfusion framework integrate with ionic framework and use the both framework in a single application. Here implemented the Syncfusion and Ionic button controls in a single page.
Syncfusion and ionic button Sample:
Add the Ionic button sample inside the ion-content in the www/index.html file.
All the Syncfusion widget’s control directives are prefixed with ej- to avoid conflict with other library directives and its properties are defined using e- prefix followed by the property name.
Now open the app.js in the location (www/js).
Essential JS directives have been encapsulated into a single module called ejangular so the first step would be to declare dependency for this module within your AngularJS application. Also here we declare the properties values for the button control like roundedcorner etc.
Now run the application, Syncfusion and Ionic controls are rendered in a single page.
We have implemented the with Ionic framework and showcase the Syncfusion controls.
This page will automatically be redirected to the sign-in page in 10 seconds.