2016-10-31 1 views
1

Ich bin nicht in der Lage zu holen hier zu holen mein Code ist mir bitte helfen, dieses Problem HTML-Code zu lösen, istin ionischen i nicht in der Lage sind Daten aus JSON-Datei JSON-Datei Daten

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> 
    <title></title> 

     <script src="js/app.js"></script> 
    <script src="js/data.json"></script> 
    </head> 
    <body ng-app="starter"> 

    <ion-pane> 
     <ion-header-bar class="bar-dark"> 
     <h2 class="title">Artist List</h2> 
     </ion-header-bar> 

    <div class="bar bar-subheader 
     item-input-inset bar-light"> 
    <label class="item-input-wrapper"> 
     <i class="icon ion-search"></i> 
     <input type="search" placeholder="Search"> 
    </label> 
    </div> 

     <ion-content ng-controller="ListController" 
     class="has-subheader"> 
     <ion-list> 
      <ion-item ng-repeat='item in artists' 
      class="item-thumbnail-left item-text-wrap"> 
      <img src="img/{{item.shortname}}_tn.jpg" alt="{{item.name}} Photo" > 
      <h2>{{item.name}}</h2> 
      <h3>{{item.reknown}}</h3> 
      <p>{{item.bio}}</p> 

     </ion-item> 
     </ion-list> 
     </ion-content> 
    </ion-pane> 
    </body> 
</html> 

aap. js Datei ist

.controller('ListController', ['$scope', '$http', function($scope, $http){ 
    $http.get('js/data.json').success(function(data){ 
     $scope.artists = data; 
    }); 
    }]); 

data.json Datei ist

+0

ok pankaj werden versuchen, bro –

+0

es nicht funktioniert Ich habe das –

+0

sind Sie erros bekommen? –

Antwort

0

hier ist der Arbeits Link http://plnkr.co/edit/soWghwLtwXtjQC1ZnmTC?p=preview

i ein Problem in Ihrem JSON-Datei gefunden, die Ihre Daten in jedem Block, damit Ihr nicht immer Daten in Künstlern so Ihre Json wie unten

mit einem Komma enden sollte
+0

Ich habe auch versucht, wie Sie sagten, aber wieder hat es nicht funktioniert –

+0

okay kein Problem ... können Sie einen Plünderer mit dem schaffen ..... sind Sie sicher, dass die Daten in richtiges Format ?? irgendwelche Fehler können Sie sehen ?? –

+0

danke bro meine JSON-Daten waren nicht im richtigen Format –

0

Dies ist möglicherweise nicht auf Ihr Problem bezogen, aber Sie sollten die Verwendung von then() anstelle von success() in Erwägung ziehen. Die Verwendung von und error() wurde seit 1.4.4 abgeschrieben ich denke.

$http.get('js/data.json').then(function(data){ 
    // successcallback 
}, function(error){ 
    // errorcallback 
}); 
Verwandte Themen