Framework7 + AngularJS ========== [![Join the chat at https://gitter.im/ashvin777/framework7.angular](https://badges.gitter.im/ashvin777/framework7.angular.svg)](https://gitter.im/ashvin777/framework7.angular?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge) Full Featured Mobile HTML Framework For Building iOS & Android Apps with the Power of AngularJS. ### Anuglar 2 Integration (UNDER DEVELOPMENT) https://github.com/ashvin777/framework7.angular2 ### Full Documentation https://github.com/ashvin777/framework7.angular/ ### Kitchen Sink App http://ashvin777.github.io/framework7.angular/kitchen-sink-material/#!/home.html ### Demo App http://ashvin777.github.io/framework7.angular/examples/#!/home.html ### Install ***From Bower*** ```javascript bower install framework7-angularjs ``` ***From NPM*** ```javascript npm install framework7-angularjs ``` ```html ``` Then initialize the application by setting angular:true and pushState:true in options ```javascript var myApp = {}; var mainView = {}; var $$ = Dom7; angular.module("AngularApp", []) .run(function() { myApp = new Framework7({ modalTitle: 'Framework7', material: true, pushState: true, //set it true. It will enable the hash based navigation angular: true //set it to true to enable angular binding in Framework pages }); mainView = myApp.addView('.view-main', {}); }) ``` After this setup, you can define the controller, directives, services, factories or provider as per your requirement. The code structure will remain same as Framework7 standard app. ### Screenshots ### Routing - WIP For now use Framework7 default router http://framework7.io/docs/router-api.html ### Controller Controller can be directly assgined to the template root element. By doing so while the Framework7 will initialize the page then AngularJS hooks compiler will compile the template and bind the data based on the scrope of the controller. So you html template should look like this ```html