Flickr example shows white screen on ios

ionic-v1
#1

I am trying to run the Flickr search example provided by http://ionicframework.com/examples/code/ --> http://codepen.io/ionic/public-list/ --> http://codepen.io/ionic/pen/CrInw

The example runs great on the browser on ios it shows a white screen.
I have narrowed down the problem to where ‘ngResource’ is being included in the app module definition.
If I remove ‘ngResource’ from the app module definition I’m able to see the application running but with
errors obviously since the flickr code depends on angular resource.

I had to change:
var app = angular.module(‘starter.controllers’, [‘ngMap’, ‘ui.bootstrap’, ‘ngResource’]);

to:
var app = angular.module(‘starter.controllers’, [‘ngMap’, ‘ui.bootstrap’]);

(now the app shows up ok)

In index.html I specified the agular-resource.js file as follows:

<link href="lib/ionic/css/ionic.css" rel="stylesheet">
<script src="lib/ionic/js/ionic.bundle.js"></script>
<script src="lib/ionic/js/angular/angular-resource.js"></script>

This works ok on the browser.

My bower.json files looks as follows:
{
“name”: “flickr”,
“private”: “true”,
“devDependencies”: {
“ionic”: “driftyco/ionic-bower#1.0.0-rc.0”
}
}

which means I am using the latest ionic release.

Any ideas of how to get this working?

Thanks in advance.
Carolina

#5

i solved the problem… turns out that when i installed another library, it removed the ionic/js/angular directory and it installed a different version of angular in a different directory.
i need to remove this post.