# UIB SelectModule

## Prequisites

Add the `SelectModule` to your module imports:

```TS
import { SelectModule } from '@uib/angular/components/select';

@NgModule({
  imports: [
    // ...
    SelectModule,
    // ...
  ],
})
// ...
```

## UibSelect

### Examples

Basic select using uib-data-list

```HTML
<uib-select [valueContent]="valueTemplate" [disabled]="disabled" [(ngModel)]="value" [placeholder]="placeholder">
  <uib-data-list *uibDataList>
    <button uibOption [value]="null">
      None
    </button>
    <button uibOption [value]="item" [disabled]="item.disabled" *ngFor="let item of items; let i = index">
      {{ item.country }}
    </button>
  </uib-data-list>
</uib-select>

<ng-template #valueTemplate let-item>
  {{ item.country }}
</ng-template>
```

Basic select using uib-data-list-wrapper

```HTML
<uib-select [valueContent]="valueTemplate" [disabled]="disabled" [(ngModel)]="value" [placeholder]="placeholder">
  <uib-data-list-wrapper [itemContent]="valueTemplate" [items]="items" *uibDataList>
    <button uibOption [value]="null">
      None
    </button>
  </uib-data-list-wrapper>
</uib-select>

<ng-template #valueTemplate let-item>
  {{ item.country }}
</ng-template>
```