如何在angular2中使用formgroup

Question

我在我的项目中使用angular2，我有一个返回此JSON对象的服务：

  

items = {“departure”：“纽约”，“到达”：“加利福尼亚”，“站”：[{“station”：“toto”}，{“station”：“titi”}，{“站 “：” 塔塔“}]}

我试图在UI中填充这个JSON对象，如下图所示： here's what the result looks like

继承人代码：

<div class="panel-body panelcolor">

<div *ngIf="items?.departure">
    <span>{{items.departure}}</span> --> 
    <span *ngIf="items.stations.length > 0">
        {{items.stations[0].station}}
    </span>
    <span *ngIf="items.stations.length === 0">
        {{items.arrival}}
    </span>

    <div class="input-group spinner">
        <input type="text" formControlName="price" class="form-control">
        <div class="input-group-btn-vertical">
            <button (click)="spinnerPriceUp()" class="btn btn-default" type="button"><i class="fa fa-caret-up"></i></button>
            <button (click)="spinnerPriceDown()" class="btn btn-default" type="button"><i class="fa fa-caret-down"></i></button>
        </div>
    </div>
</div>    

<div *ngFor="let item of items.stations; let i=index, let last = last">

    <div *ngIf="!last">
        <span>{{item.station}}</span> --> <span *ngIf="items.stations[i+1]">{{items.stations[i+1].station}}</span>
        <div class="input-group spinner">
            <input type="text" formControlName="price" class="form-control">
            <div class="input-group-btn-vertical">
                <button (click)="spinnerPriceUp()" class="btn btn-default" type="button"><i class="fa fa-caret-up"></i></button>
                <button (click)="spinnerPriceDown()" class="btn btn-default" type="button"><i class="fa fa-caret-down"></i></button>
            </div>
        </div>
    </div>

</div>

<div *ngIf="items?.arrival && items?.stations.length > 0">
    <span>{{items.stations[items.stations.length-1].station}}</span> --> <span>{{items.arrival}}</span>
    <div class="input-group spinner">
        <input type="text" formControlName="price" class="form-control">
        <div class="input-group-btn-vertical">
            <button (click)="spinnerPriceUp()" class="btn btn-default" type="button"><i class="fa fa-caret-up"></i></button>
            <button (click)="spinnerPriceDown()" class="btn btn-default" type="button"><i class="fa fa-caret-down"></i></button>
        </div>
    </div>
</div>

<button style="margin-left: 479px;"> Submit </button>

我的问题是，当我尝试使用clic（向上或向下）微调器来更改textBox的值时，所有textBox都会更改其值。任何人都可以帮助解决此问题吗？