Angular 如何显示每行数组的每个值-IONIC 2

Angular 如何显示每行数组的每个值-IONIC 2,angular,ionic-framework,ionic2,Angular,Ionic Framework,Ionic2,我们的代码是home.html <div *ngFor="let Server of Servers; let i = index; let f=first; let l=last;" > <p> {{Servers}}</p> </div> 我希望home.html页面上的结果如下: 1 2 3 请告知 应该是, <div *ngFor="let Server of Servers; let i = index; let f=firs

我们的代码是
home.html

<div *ngFor="let Server of Servers; let i = index; let f=first; let l=last;" >
 <p> {{Servers}}</p>
</div>
我希望
home.html
页面上的结果如下:

1
2
3
请告知

应该是,

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

{{Server}}


您在
标记中包含了
{{{Server}}
而不是
{{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>

{{Server}}

简单的例子是:

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

{{item}}


最符合逻辑的解决方案:

<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>


如何在数组中推送文本框值并将其显示在屏幕上?
push(){Servers.push(this.newValue)}
答案有帮助吗
<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>