输入下方的清除输入字段已更改

Question

我有以下 HTML 和几个输入字段。根据您修改的输入字段，我需要清除正在修改的字段下方的其余部分。 Angular中有nextAll这样的函数吗？

<ng-container *ngFor="let requiredItem of modifyOrderAddressViewModel.required; let i = index">

        <ion-item *ngIf="requiredItem.noSelectable">
            <ion-label stacked>{{ requiredItem.title }}</ion-label>
            <ion-input
                (ionBlur)="onChangeStreetNr(requiredItem)"
                (ionFocus)="checkInput()"
                [disabled]="requiredItem.fieldType === ADDRESS_OPTIONS.POSTAL_CODE"
                type="text" 
                maxlength="5"
                [(placeholder)]="requiredItem.placeHolder" 
                [(ngModel)]="requiredItem.value">
            </ion-input>
        </ion-item>
</ng-container>

Answer 1

您已经有了 ngFor 的索引。仅在值发生变化时使用它

<ng-container *ngFor="let requiredItem of modifyOrderAddressViewModel.required; let i = index">
  <ion-item *ngIf="requiredItem.noSelectable">
      <ion-input [(ngModel)]="requiredItem.value" (ngModelChange)="clearAllFrom(i)">
      </ion-input>
  </ion-item>
</ng-container>

组件：

clearAllFrom(startIndex) {
    for(let i = startIndex + 1, e = modifyOrderAddressViewModel.required.length; i < e; ++i) {
      modifyOrderAddressViewModel.required[i].value = '';
    }
}

输入下方的清除输入字段已更改

Clear input fields below input changed

typescript

ionic3

angular