# EuiNgSelectOptionDirective

**Type:** directive



Marks `<option>` as dynamic, so Angular can be notified when options change.
Supports object values via ngValue and synchronizes with readonly mode.

### With ngValue for objects
```html
<option euiOption [ngValue]="user" [label]="user.name">{{user.name}}</option>
```

### With selected state
```html
<option euiOption [selected]="isSelected" [value]="id">Label</option>
```

### Notes
- Automatically applied to option elements within euiSelect
- Use ngValue for complex object binding
- Label property updates option text dynamically

See `EuiSelectControlValueAccessor`



**Selector:** `option:not([eclSelectOption]):not([eclMultiselectOption]), option[euiOption]`

## Inputs
- **label**: `string` - 
- **ngValue**: `any` - Tracks the value bound to the option element. Unlike the value binding, ngValue supports binding to objects.
- **selected**: `boolean` - 
