按ngFor中的索引增量值 - Angular2

Question

我在ngFor中增加值有问题。我有两种递增和递减方法，代码如下。 NgFor真的很长，所以我只发布ts文件和HTML，它有增量和减量动作。我的ngFor就像这样* ngFor =＆＃34;让catalogProducts的产品。主要问题是，当我想增加ngFor中的输入值时，它会更新ngFor中的所有输入...

TS文件

@Input() counterValue = 0;

increment(index) {
    this.counterValue++;
}
decrement() {
    if(this.counterValue <= 0) return false;
    this.counterValue--;
}

HTML

<div class="incrementer">
    <div class="column">
        <button (click)="decrement()">
            -
        </button>
    </div>
    <div class="column">
        <input class="count" [value]="counterValue" [(ngModel)]="product.quantity" />
    </div>
    <div class="column">
        <button (click)="increment(index)">
            +
        </button>
    </div>
</div>