Developer • YouTuber • Blogger
TL;DR No, you shouldn’t use ngRouter with Framework7. Use ajax pages and set pushState:true instead! I’m getting quite a lot of questions regarding the implementation of navigation in Framework7 apps with Angular.js. How do I use ajax pages with Angular? Does ngRouter work with F7? How can I get the back button in the browser […]
Since my last screencast about how to use F7 with Angular the most asked question that I got was about ajax pages, something like this: "In your example you have all your pages in one html file but what if I separated each page into its own file using Framework7’s ajax pages mechanism? (read F7 […]
Disclaimler: First of all, let me state clear that I am not involved into the Framework7 project. I am not getting paid for this post. This is just my honest, personal opinion as a mobile developer. Early steps The first framework I used when I started mobile development was jQueryMobile. I was used to jQuery […]
The problem in Framework7 In most webapps for iOS (not only Framework7) that use -webkit-overflow-scrolling:touch for scrolling within elements instead of the whole body you will experience the following issue: You scroll up to the very top of the document and then you scroll down immediately when you get the bounce back. You will notice […]
Disclaimer: Since this post is getting quite some attention I have to state some things clear, so read this first! This example is not best practice on how to use Framework7, it’s more of an experiment to see how it works with Angular and TypeScript. Framework7 has an own templating engine called Template7 so Angular […]
Important: Read this first! This article covers a template for Framework7 apps built on TypeScript, SASS, Grunt and AngularJS. From my experience so far I discovered that TypeScript is really complicated and not much fun to use with F7 and Angular. Also, some people seem to struggle with the grunt compile process. So, I created […]