Making Ionic apps run on Windows Phone using Visual Studio 2015
I have been writing Ionic apps for several months, but our intern Fiyaz Bin Hasan has recently giving Ionic Framework a try, since Visual Studio 2015 now has Ionic Tabs template to install with a bit of tweaks required. The following is his experience on how he had managed to make it work on Visual Studio 2015 and Android and Windows Phone:
I downloaded these files separately and moved them into their respective folders in the solution.
Ionic CSS File
Ionic JS Bundle
- http://code.ionicframework.com/1.1.0/js/ionic.bundle.min.js (includes both ionic and angular libraries)
Ionic Icon Files (to be put under 'fonts' folder)
While creating a new folder named 'fonts' do not use any other literals except 'fonts' because if you open the ionic.min.css file for example you will find that the icon files are referenced in the following way: font-family:Ionicons;src:url(../fonts/ionicons.eot?v=2.0.1);
It means the icons files can be found in a folder called fonts one step up from the current file. So far so good. Now my solution looked like this:
And after updating the references the <head> section of index.html looked like this.
Wait, there is one more catch.
Now running the project, you will get the Ionic Tab Starter Template as you go to the app.
Voila! You're up and running on Windows Phone. I hope this post helps you.