Question

我在我的项目中使用Angular 2，我有这个json对象：

[
  {
    "city": "toto"
  },
  {
    "city": "titi"
  },
  {
    "city": "tata"
  },
  ...
]

我想要的是，在UI中填充此对象，如下所示：

toto - ＆gt;蒂奇（这里有一个按钮）
titi - ＆gt;塔塔（这里有一个按钮）

我尝试了这个，但它不起作用：

<div formArrayName="prices">
  <div *ngFor="let myGroup of myForm.controls.prices.controls; let i=index">
    <div [formGroupName]="i">
      <span *ngIf="myForm.controls.prices.controls.length > 1" >
      </span>
    <div class="input-group spinner">
    <input type="text" formControlName="price" class="form-control" >
  </div>
</div>

有什么建议吗？

Answer 1

这样的东西？

<div *ngFor="let item of items; let i=index">
    <span>{{item.city}}</span> --> <span *ngIf="items[i+1]">{{items[i+1].city}}</span>
</div>

输出：

toto - ＆gt;蒂蒂

titi - ＆gt;塔塔

tata - ＆gt;

如果您不想显示最后一项，请使用let last = last并过滤掉最后一项。

<div *ngFor="let item of items; let i=index; let last = last">
  <div *ngIf="!last">
    <span>{{item.city}}</span> --> <span *ngIf="items[i+1]">{{items[i+1].city}}</span>
  </div> 
</div>

如何在UI Angular 2中填充json对象

1 个答案: