当我调用我的php API时,我无法在Ionic视图中显示数据

时间:2017-09-06 10:01:58

标签: php angularjs ionic-framework ionic2 ionic3

我正在尝试使用php API显示数据。我的php端已完成,并在使用echo时显示数据。也就是说,当我尝试使用http.get在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 个答案:

答案 0 :(得分:0)

似乎数据不是来自php api。或者它可能是由于url所以检查你的url你已经通过你的离子get方法。