选择会干扰其他选择的ngFor

时间:2020-05-11 18:47:44

标签: javascript html angular angular8

我需要对相同的对象进行2个不同的选择,但是如果我选择第二个,则第一次选择更改,我尝试使用trackBy,但没有找到解决方案。我无法尝试在StackBlitz上复制代码,因为我的数组是通过get请求从数据库中获取的。我在第一个ngFor中放入了4个select becouse,我有一个方法可以根据我的第一个更改第二个ngFor,我需要重复两次,例如:FIRST SELECT:NUMBER <5,SECOND SELECT:1,2,3,4。在第三选择中,我的分数> 5,第四位是6、7、8、9。但是,如果我在第三个选择> 5,第二个将变成空白。

 <form>
      <div>
          <label for="type"><b>Qualità</b></label>
          <select [ngModel]="object1" (ngModelChange)="onChange($event)" class="form-control" name="obj">
            <option [ngValue]="Object" *ngFor="let Object of object">
             {{ Object.description}}
            </option>
          </select>
          <select [ngModel]="object" style="margin-top: 20px;" class="form-control" name="obj">
            <option [ngValue]="Object" *ngFor="let Object of filterObject; index as i;"> 
              {{ Object.description}}
              {{ Object.values}}
              {{ Object.point}}
            </option>
            </select>
        </div>


  <div>
          <label for="type"><b>Qualità</b></label>
          <select [ngModel]="object" (ngModelChange)="onChange($event)" class="form-control" name="obj">
            <option [ngValue]="Object" *ngFor="let Object of object">
             {{ Object.description}}
            </option>
          </select>
          <select [ngModel]="object1" style="margin-top: 20px;" class="form-control" name="obj">
            <option [ngValue]="Object" *ngFor="let Object of filterObject; index as i;"> 
              {{ Object.description}}
              {{ Object.values}}
              {{ Object.point}}
            </option>
            </select>
        </div>
    </form>

0 个答案:

没有答案