Question

我开发了skillDB，并使用mat-slider进行显示并更改了技能的价值。我有两个数组。一个针对用户，并根据用户的技能。因此，我循环阅读了用户，并在此循环中向用户介绍了技能。在mat-slider标记中，当滑块拖动时，我使用ngModel更改技能数组的值。问题是，如果将ngModel添加到标签，则循环的实际AND下一滑块会在拖动该滑块时做出反应。该值改为在数组中正确更改。如果我从mat-slider标记中删除ngModel，则滑块可以正常工作。

我试图通过输入= MyFunc（）将它们发送到函数中来更改拖动时数组的值，但是仍然是相同的行为。

<mat-accordion multi="true" *ngIf="posts.length > 0" layout="row">
  <mat-expansion-panel *ngFor="let post of posts">
    <mat-expansion-panel-header>
      {{ post.title }}
    </mat-expansion-panel-header>
      <mat-action-row>
        <div *ngFor="let value of post.skillValues; let i = index"> 
          {{ skills[i]?.title }}
          <br>
          <mat-slider [(ngModel)]="post.skillValues[i]"  min="0" max="5" step="1" value="{{value}}"></mat-slider>
<!--          <mat-slider (input)="updateSkillArray($event, post, i)" min="0" max="5" step="1" value="{{value}}"></mat-slider>-->
        </div> 
      <button mat-button color="warn" (click)="onSave(post)">SAVE</button>
      <button mat-button color="warn" (click)="onDelete(post.id)">DELETE</button>
    </mat-action-row>
  </mat-expansion-panel>
</mat-accordion>
<p class="info-text mat-body-1" *ngIf="posts.length <= 0">No posts added yet!</p>

拖动时，垫子滑块会在循环中产生奇怪的反应

0 个答案: