離子2（角2打字稿） - 無法應用數據查看

-2

我卡住，因爲離子2。我有一個問題，我想渲染卡組件使用*ngFor與標題的文章和其他數據，如縮略圖等。當我在數組中硬編碼值時，卡片顯示。但是，當我使用REST API卡不渲染。數據成功檢索。離子2（角2打字稿） - 無法應用數據查看

有沒有像$scope.$digest();在角度1用於應用在$scope角2（Ionic 2）更改或如何得到我想要的？

import { Component } from '@angular/core'; 
 
import { NavController } from 'ionic-angular'; 
 
import * as $ from 'jquery'; 
 
import * as moment from 'moment'; 
 
var itemList =[]; 
 
@Component({ 
 
    selector: 'page-home', 
 
    templateUrl: 'home.html' 
 
}) 
 

 

 

 
export class HomePage { 
 
    
 

 
    constructor(public navCtrl: NavController) { 
 
    moment.locale('id'); 
 
    this.getNews(); 
 
    } 
 

 

 
    getNews(){ 
 
    $.ajax({ 
 
     url: secret_api_url , 
 
     dataType:"jsonp", 
 
     method:"get", 
 
     success:(data =>{ 
 
     var post = data.posts; 
 
     post.forEach(function(p){ 
 
      p.date = moment(p.date).format('lll'); 
 
      itemList.push(p); 
 
     }); 
 
     // itemList = post; 
 

 
     }), 
 
     error:(err =>{ 
 
     console.log("Error",err); 
 
     }) 
 
    }); 
 
    } 
 

 

 

 

 

 

 

 

 

 

 
}

<ion-card padding *ngFor="let item of itemList;"> 
 

 
    <ion-card-content> 
 
     <label style="color:white;"> 
 
     {{i}} 
 
     <label class="timestamp">{{ item.date }}</label> 
 
     </label><br> 
 
     <small> 
 
      <i> 
 
      {{ item.short_desc }} 
 
      </i> 
 
     </small> 
 
     <ion-card-title> 
 
     {{item.title}} 
 
     </ion-card-title> 
 
    </ion-card-content> 
 
    <img src="{{item.img_url}}"/> 
 
    </ion-card>

來源

2017-08-07 Reza

張貼一些代碼 – Faly

請給你的問題描述它的標題。 – 2017-08-07 14:35:12

完成後，會發布一些代碼並描述標題。抱歉我的不好，因爲我太累了 – Reza

確保您的休息API數據被正確地轉換成一個類的實例：

export class Article{ 
    constructor(public id: string, public title: string) {} 
} 

// Your component: 

this.articles: Array<Articles> = []; 

ngOnInit() { 
    this.articleService.getArticles() 
     .subscribe(articles => { 
       this.articles = articles.map(item => new Article(item.id, item.title); 
      }); 
     });  
}

來源

2017-08-07 14:37:16 Faly

離子2（角2打字稿） - 無法應用數據查看

回答

相關問題