Question

我的用例如下：

<ion-row *ngFor="let ag of assetGroupsInScope" >
        <ion-col>
                  <ion-range
                  style="padding-left: 16px; padding-right: 16px;"
                  #sliderGroup
                  class="ion-no-padding"
                  [ngModel]="assetGroupCurrentValue(ag)"
                  #range="ngModel"
                  name="group-{{ ag }}"
                  min="0"
                  [max]="assetGroupMap.get(ag)"
                  pin
                  color="tertiary"
                >
                </ion-range>
            <ion-row *ngFor="let asset of assetGroupIds.get(ag)" class="ion-no-padding">
              <ion-col class="ion-no-padding">
                <div class="flex-container">
                  <div class="flex-card">
            
                      <ion-range
                        #sliderAsset
                        class="ion-no-padding"
                        [ngModel]="assetContributionMap.has(asset.id) ? assetContributionMap.get(asset.id) : 0"
                        #range="ngModel"
                        name="value-{{ asset.id }}"
                        min="0"
                        [max]="allAssetvalueMap.get(asset.id)"
                        pin
                        tick
                        color="tertiary"
                        (ionChange)="onChangeSlider(asset, sliderAsset)"
                      >
                      </ion-range>
                    </div>
                  </div>
                </div>
              </ion-col>
            </ion-row>
        </ion-col>
      </ion-row>

我有一个名为assetGroupsInScope的数组。对于每个assetGroup，我有一个总值的滑块（“说主”滑块）和该组资产的多个滑块（例如子滑块）。

我想要的是，当用户更改主滑块时，代码会自动更新子滑块（某些算法可确保子滑块的总和=主滑块），并且每当用户更改任何子滑块时，代码都会自动更新主滑块

尝试了viewchild，elementref，renderer2和其他黑客手段，但似乎一无所获。解决此问题的最佳方法是什么？

角度-从另一个滑块更新滑块的值

0 个答案: