Ionic Weather Demo mostly not working

demo
1

I’ve gone to the github link on the front page and I’ve tried cordova/ionic emulate ios and run ios and run android. In all three cases the screen begins black with a pointer in the top middle, a gear on the top right (which works - for switching C and F) and some items on the bottom left. On the iOS emulator after several seconds it shows a background but on the physical ios and android devices it always stays black. The gear and swiping downwards works. Though the Forecast section at the bottom is also blank except for the “wunderground.com” logo.
If I grap the center of the screen and drag it down there is a spinner in the top center of the screen that just spins forever. On the ios emulator it usually changes the background image when you do that.

Screenshot of iOS emulator:

This is what cordova info says:

Current Node Version

    v0.10.26


Current Cordova CLI Version

    3.4.0-0.1.3

Current Config.xml

    <?xml version='1.0' encoding='utf-8'?>
<widget id="com.ionicframework.weather" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
    <name>IonicWeather</name>
    <description>
        A sample Ionic Weather app
    </description>
    <author email="max@drifty.com" href="http://ionicframework.com">
      Drifty
    </author>
    <content src="index.html" />
    <access origin="*" />
    <preference name="fullscreen" value="true" />
    <preference name="webviewbounce" value="false" />
    <preference name="UIWebViewBounce" value="false" />
    <preference name="DisallowOverscroll" value="true" />
</widget>


Currently Installed Platforms

      android

    Available Android targets:
----------
id: 1 or "android-19"
     Name: Android 4.4.2
     Type: Platform
     API level: 19
     Revision: 3
     Skins: HVGA, QVGA, WQVGA400, WQVGA432, WSVGA, WVGA800 (default), WVGA854, WXGA720, WXGA800, WXGA800-7in
 Tag/ABIs : default/armeabi-v7a

    ios

    Xcode 5.1
Build version 5B130a

Currently Installed Plugins
   org.apache.cordova.device,org.apache.cordova.geolocation,org.apache.cordova.statusbar

On the iPod Touch it first asks permission about using my location. Then it has another message:

“/var/mobile/Applications/BE94xxxxxxxxxB604/IonicWeather.app/www/index.html” Would Like To Use Your Current Location (Don’t Allow / OK)

2

Also the app doesn’t work on a localhost in a desktop browser… I wish it would because it is good for testing.

3

I guess the default wunderground API key has existed the limit. You should register your old wunderground api key in order to get it work.

4

I think that app should be edited so that it has an error popup about that problem if it happens. Also I don’t understand why the background is not appearing on the physical devices. I don’t think wunderground’s logo should be at the bottom if they can’t provide a free service… the logo should be in exchange for free service. Also the app could use different providers instead.

BTW I don’t have an “old” wunderground API key… I didn’t see any mention of it in the github readme for the project.

5

The interface and info is working now… the backgrounds on the ios and android devices are still black.