How to add required check about ng2-select

[shoudaos]

while it is not ready you can use my workaround, if it is good for you:

On HTML:

<ng-select 
  #select_component 
  required  
  [ngClass]="{'selected': select_component.isValueSelected}"
  [items]="items"
  (selected)="select($event, select_component)">
</ng-select>

On JS:

select(event, select_component) {
    this.variable_name = event.id;
    select_component.isValueSelected = true;
  }

On scss:

ng-select[required] {
  .form-control {
    border-left: 5px solid $brand-danger;
  }

  &.selected {
    .form-control {
      border-left: 5px solid $brand-success;
    }
  }
}

[nabeelbukhari]

Same issue here. Do we have any workaround for adding validation?

[scottmas]

+1

+1

[Avien]

+1

[nanchao-p]

+1

[hvqthong]

+1

[shoudaos]

+1

[shah-dhaval]

+1

[alaatek]

+1

[swapsword]

+1

[rodromart]

+1

[thrashard]

+1

[GuillaumeDK57]

+1

[m3hari]

+1

[m3hari]

This is very critical feature.

[shoebsd31]

+1

[rakesh2409]

@shoudaos Your solution works however I have enhanced further to work like proper form validation:

//declare disabledSave variable in module.ts or JS
disabledSave: boolean = false;

select(event, select_component) {
this.variable_name = event.id;
if(event) {
this.disabledSave = false;
} else {
this.disabledSave = true;
}
select_component.isValueSelected = true;
}

In HTML:
<button type="submit" [disabled]="disabledSave" class="btn btn-success box-shadow">Save

[optimistex]

New life the component is there: https://github.com/optimistex/ng2-select-ex