2016-04-03 25 views
0

私はこのコードを持っていますが、私はそれを実行しようとするときに気づいています。 私はいくつかのデータでjsonを返すwebserviceを持っており、私はそれをアプリケーションにリストする必要があります。私のjsonデータがイオンアプリで表示されないのはなぜですか?

(function(){ 
    var app = angular.module("opoBUS"); 
    app.controller("StopCtrl", ["$scope", "$http", "$ionicLoading", "DataStore", function ($scope, $http, $ionicLoading, DataStore) { 
     var self = this; 
     this.linhas = []; 

     this.getLinhas = function() { 
      $ionicLoading.show({ 
       template: 'Loading...' 
      }); 
      $http.get("http://www.stcp.pt/pt//itinerarium/callservice.php?action=lineslist") 
      .success(function (data) { 
        self.linhas = data; 
        DataStore.linhas = self.linhas; 
        $ionicLoading.hide(); 
        $scope.$broadcast('scroll.refreshComplete'); 
       }) 
      .error(function (error) { 
        DataStore.linhas.length = 0; 
        $ionicLoading.hide(); 
       }); 
    }; 
    this.adicionarFavorito = function(linha){ 
      DataStore.adicionarFavorito(linha); 
     }; 
     if (DataStore.linhas.length === 0) { 
      this.getLinhas(); 
     } 
    }]); 
})(); 

そして、私のparagem.htmlは次のとおりです:

私app.jsがある

<ion-view view-title="Paragem"> 
    <ion-content overflow-scroll="true" padding="true"> 
     <ion-refresher pulling-text="Pull to refresh..." on-refresh="StopCtrl.getLinhas()"> 
     </ion-refresher> 
     <ion-list> 
      <div class="list card" collection-repeat="linha in StopCtrl.linhas"> 
       <div class="item item-avatar"> 
        <h2>{{linha.code}}</h2> 
        <p>Description {{linha.description}}</p> 
       </div> 

       <div class="item item-body"> 
        <p> 
         <a href="#" class="subdued">{{linha.pubcode}}</a> 
         <a href="#" class="subdued">Codigo {{linha.code}}</a> 
        </p> 
       </div> 
      </div> 
     </ion-list>   
    </ion-content> 
</ion-view> 

JSON内のすべての情報でリストを委譲することとしています。

+0

これをcodePenに移動できますか?この問題を簡単に確認できるようになります –

答えて

0

は変更してみてください

self.linhas = data; 

self.linhas = data.records 

セミ機能...ここcodepen http://codepen.io/aaronksaunders/pen/grGJvw?editors=1010

あなたが

を仕事にcodepenを取得するには、ブラウザ用CORSプラグインが必要になります
関連する問題