2017-09-06 6 views
0

php APIを使用してデータを表示しようとしています。私のPHP側は完了し、echoを使用するとデータが表示されます。それは私がhttp.getと私のイオニアのビューでそれを取得しようとすると、それは私にエラーを与えると言った。php APIを呼び出しているときに、Ionicビューでデータを表示できません

feed.ts

posts: any; 
constructor(
      public navCtrl: NavController, 
      public navParams: NavParams, 
      public loadingCtrl: LoadingController, 
      public http: Http 
      ) 
{ 
    this.http.get('https://schoolinformation.000webhostapp.com/phpapi.php') 
     .map(res => res.json()) 
     .subscribe(
      data => { 
       this.posts = data.data; 
       console.log(data); 
      }, 
      err => { 
       console.log("Oops!"); 
      } 
     ); 
} 

feed.html

<ng-container> 
    <div id="question" *ngFor="let post of posts"> 
     <div id="questionaksedby">Question Aksked:{{posts.type}}</div> 
     <br> 
     <div id="Question"><b></b></div> 
     <br> 
     <div id="questiontime">Last asked:</div> 
     <br> 
     <div id="answerbtn"><button class="btn-lg">Answer</button> Follow:</div> 

    </div> 
</ng-container> 

エラー:

enter image description here

+1

どのようなエラーが表示されますか?おそらく無関係ですが、htmlのidは一意でなければならないので、ループ内で使用するべきではありません。 – Steve

+0

まず第一にそれは他の部分に直接入りますpart "print"と "このコードを削除すると" res .json()) "これは私にこのようなエラーを与えるでしょう –

+0

と私はこのコードを削除"マップ(res => res.json()) "これは私のようなエラーを与える= >>"異なるサポートオブジェクトを見つけることができません'ステータス付き応答:200 OK for URL:'オブジェクト 'のhttps://schoolinformation.000webhostapp.com/phpapi.php'オブジェクト 'NgForは配列などのIterablesへのバインディングのみをサポートしています。 –

答えて

0

データがPHPのAPIから来ていないようです。またはそのURLに起因する可能性がありますので、あなたはあなたのイオンメソッドを渡しているので、URLをチェックしてください。

+2

ようこそstackoverflow。私はあなたがこのサイトで初めてお返事を頂戴したことをお伝えします。おめでとうございます。良い質問は答えの90%ですが、この質問は非常に低品質です。悪い質問には良い答えを与えるのは難しいです。たとえば、あなたの答えがちょうどいいコメントになるでしょう。 –

関連する問題