如何顯示每行陣列的每個值 - IONIC 2

Question

我們的代碼是在home.ts創建home.html

<div *ngFor="let Server of Servers; let i = index; let f=first; let l=last;" > 
<p> {{Servers}}</p> 
</div> 

陣列如下所示

Servers=['1','2','3']; 

我想上home.html頁的結果應該是像：

1 
2 
3 

請指教。

Answer 1

它應該是，

<div *ngFor="let Server of Servers; let i = index; let f=first; let l=last;" > 
    <p> {{Server}}</p> 
</div> 

Answer 2

您已經包括{{Servers}}，而不是在<p>標籤{{Server}}。

<div *ngFor="let Server of Servers; let i = index; let f=first; let l=last;" > 
    <!-- Change to this --> 
    <p>{{Server}}</p> 
    <!-- Change to this --> 
</div> 

簡單的例子是：

<div *ngFor="let item of Servers;" > 
    <p>{{item}}</p> 
</div> 

Answer 3

最合理的解決：

<ion-list> 
    <ion-item ion-item *ngFor="let Server of Servers; let i = index; let f=first; let l=last;""> 
    <p> {{Server}}</p> 
    </ion-item> 
</ion-list> 

整蠱一個（不推薦）：

<div *ngFor="let Server of Servers; let i = index; let f=first; let l=last;" > 
<p> {{Server}}</p> 
<br/> 
</div>