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>