angular — Как отобразить данные при вызове PHP API в Ionic3
Я не могу отобразить данные в ionic3 при вызове PHP API. Когда я делаю console.log, он показывает полные данные, но когда я пытаюсь показать их на своей странице, они не отображаются.
Может ли кто-нибудь помочь мне выбраться из этого?
feed.ts
posts: any;
constructor(public navCtrl: NavController, public navParams: NavParams,public loadingCtrl: LoadingController, public http: Http) {
// this.questioncontent =[
// {questionasked:"Question Asked. Computer Programming",question:"how can i learn Ionic Framework?",time:"22 min",follow:"1"},
// {questionasked:"Question Asked. human behaviour",question:"what is the real life example of deadlock",time:"justnow",follow:"101"}
// ];
this.http.get('https://schoolinformation.000webhostapp.com/phpapi.php').map(res => res.json())
.subscribe(
data => {
this.posts = data.data
console.log(this.posts);
},
err => {
console.log("Oops!");
}
);
feed.html
<div id="question" *ngFor="let post of posts">
<div id="questionaksedby"></div>
<br>
<div id="Question"><b>{{post.data.question}}</b></div>
<br>
<div id="questiontime">
Last asked:
</div>
<br>
<div id="answerbtn">
<button class="btn-lg">Answer</button> Follow:
</div>
</div>
Решение
Ваши восстановленные данные объект а также не массив так что вы не можете использовать *ngFor петля.
Чтобы обеспечить правильную печать при получении данных, вы можете использовать оператор безопасной навигации (?) в вашем HTML.
<div id="question">
<div id="questionaksedby"></div>
<br>
<div id="Question"><b>{{posts?.questionasked}}</b></div>
<br>
<div id="questiontime">
Last asked:
</div>
<br>
<div id="answerbtn">
<button class="btn-lg">Answer</button> Follow:
</div>
</div>
Другие решения
Других решений пока нет …