簡體   English   中英

如何從嵌套數組中獲取選定的索引? 角度 - Javascript

[英]How to get selected index from nested array ? Angular - Javascript

我需要獲取選定的項目,但在嵌套數組中。 首先檢查我的代碼:

  <div class="column-holder" *ngFor="let training of data.trainingExercise
            {
               "exerasdasd":""
                  },
                  {
                     "isWsadad":""
                  }
               ]
            }
         ]
      }
   ]
}

現在我需要點擊才能獲得選定的集合。 單價!

   dsadsa(e){
     dsa.log(e)
     dsa.dsadas = e;
   }

這很好,但我只需要一個值。 在我的 selectedSetValue 中,我只想顯示單個值。 現在我在所有數組中都有值。 我只想要選定的值和選定的索引。 這是按索引選擇的重要值

都在這里

  <div class="column-holder" *ngFor="let training of data.trainingExercises; let i = index;">

和這里

  <div class="second-box-70" *ngFor="let set of training.sets; let i = index;">

let i = index; . 改變第二個let j = index; 什么的,所以它們不一樣

請試試這個,改變

  <div class="second-box-70" *ngFor="let set of training.sets; let i = index;">
    <div class="circle-exercise">

      <div class="circle-div">
        <div class="num-series">
         Series
        </div>
        <div class="circle" (click)="selectedSet(set)">
          <input [(ngModel)]="set.value" class="input-invisible-for-sets" type="type">
        </div>
      </div> 

    </div>
  </div>

  <p class="notes" *ngIf="selectedSetValue">
   {{ this.selectedSetValue.note }}
 </p>

</div>

對此

  <div class="second-box-70" *ngFor="let set of training.sets; let j = index;">
    <div class="circle-exercise">

      <div class="circle-div">
        <div class="num-series">
         Series
        </div>
        <div class="circle" (click)="selectedSet(set,j)">
          <input [(ngModel)]="set.value" class="input-invisible-for-sets" type="type">
        </div>
      </div> 

    </div>
  </div>

  <p class="notes" *ngIf="selectedSetValue">
   {{ this.selectedSetValue.note }}
 </p>

</div>

ts

    selectedSet(object,index){
        this.selectedSetValue = object;
    }

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM