<label class="col-sm-12 col-form-label mandatory-label"
[ngClass]="{'text-danger': scalingForm.invalid === true && submitted === true}">
{{'MANDATORYCHECK' | translate}}
<label class="col-sm-12 col-form-label mandatory-label"
[ngClass]="{'text-danger': scalingForm.invalid === true && submitted === true}">
{{'MANDATORYCHECK' | translate}}
- <ng-select formControlName="vduId" [clearable]="false"
- placeholder="{{'SELECT' | translate}} {{'VDUID' | translate}}" [items]="vdu" bindLabel="VDU"
+ <ng-select formControlName="vduId" [clearable]="false" (change)="getCountIndex($event.VDU)"
+ placeholder="{{'SELECT' | translate}} {{'VDUID' | translate}}" [items]="vduId" bindLabel="VDU"
<div class="col-sm-6">
<label for="count-index"> {{'COUNTINDEX' | translate}} *</label>
</div>
<div class="col-sm-6">
<ng-select formControlName="countIndex" [clearable]="false"
<div class="col-sm-6">
<label for="count-index"> {{'COUNTINDEX' | translate}} *</label>
</div>
<div class="col-sm-6">
<ng-select formControlName="countIndex" [clearable]="false"
bindLabel="count-index" bindValue="count-index"
[ngClass]="{ 'is-invalid': submitted && f.countIndex.errors }">
</ng-select>
</div>
</div>
bindLabel="count-index" bindValue="count-index"
[ngClass]="{ 'is-invalid': submitted && f.countIndex.errors }">
</ng-select>
</div>
</div>