A template for Framework7 based on TypeScript, AngularJS, SASS and Grunt
Important! Read this first
Also, please keep in mind that this template is horribly outdated as it was originally designed for Framework7 V1 and Angular version 1.x!
- Framework7 v1
- Angular 1.x
The brave ones who want to dive into the funky TypeScript fun, read on:
How to build
No complicated bower or yeoman stuff. Just get from Github.
npm installand then
grunt compileto compile and copy everything from /src to /build. Default task for grunt is “watch” which you can use for auto-compile and -reload in the browser when you do changes in /src.
To see the result just call
grunt compile and then open index.html from
Or you can check this live demo in your browser that I built on top of this template: http://timo-ernst.net/blog/2015/04/02/experiment-an-iphone-app-built-with-framework7-typescript-and-angularjs/
Get started coding
Good start points to dive into the code are:
- For HTML: src/index.dev.html
- For Scripts: src/ts/Typework7/init.ts
- For Styles: src/sass
Credits & Links
- Template is based on this tutorial which is also a good place to start for Angular+TypeScript: https://kodeyak.wordpress.com/2014/02/12/angularjs-via-typescript-controllers/
- Make sure to check Framework7 Docs: http://www.idangero.us/framework7/docs/
Happy coding :-) Let me know if you have feature requests.