如何显示每行阵列的每个值 - 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>