Problème avec Android Hybid application pour l'affichage à distance de l'image avec l'Ionique cadre?

Je suis nouveau sur Ionique.
Je suis à l'aide Ionic Framework (1.3.20), Angular JS, Cordova 5.0.0

Fichier de modèle browse.html code:

<div class="col-50"><img ng-src="{{availableImages[currentImage].src}}" /></div>

app.js code:

.state('app.browse', {
    url: "/browse",
    views: {
      'menuContent': {
        templateUrl: "templates/browse.html",
        controller: 'Ctrl'
      }
    }
  })

controller.js code

.controller('Ctrl',function($scope) {
      $scope.currentImage = 0;
      $scope.availableImages = [
        {
          src: "http://lorempixel.com/160/160/people/3"
        }
        ];
      console.log("reading image in controller !!!");
})

En-tête de détails:

Request URL:http://lorempixel.com/160/160/people/3
Request Method:GET
Status Code:404 Not Found (from cache)
Response Headers
Client-Via:shouldInterceptRequest
Request Headers
Provisional headers are shown
Accept:image/webp,*/*;q=0.8
User-Agent:Mozilla/5.0 (Linux; Android 5.0.2; XT1033 Build/LXB22.46-28; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/42.0.2311.129 Mobile Safari/537.36

Config.xml fichier:

  <access origin="*"/>

Erreur sur console:

GET http://lorempixel.com/160/160/people/3 404 (Not Found)

J'ai vérifié l'url http://lorempixel.com/160/160/people/3 montre des image dans mon navigateur mobile. mais l'image n'est pas à venir sur l'app.

C'est bizarre. Je l'ai juste essayé sur Codepen.io et cela a fonctionné. Est-ce que votre demande d'avoir les autorisations pour internet?
oui ajoutée de ces autorisations dans AndroidManifest.xml <uses-permission android:name="android.la permission.INTERNET" /> <uses-permission android:name="android.la permission.ACCESS_WIFI_STATE" /> <uses-permission android:name="android.la permission.ACCESS_NETWORK_STATE" />
Ok. Essayez d'installer ce plugin - github.com/apache/cordova-plugin-whitelist et ajouter <allow-navigation href="http://*/*" /> de votre config.xml.
(from cache)... avez-vous essayé de vider votre app cache?
merci @Keval il a fonctionné comme un charme 🙂

OriginalL'auteur Jyoti Prakash | 2015-04-28

Leave a Reply

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *