# EuiNgSelectOptionDirective

**Type:** directive

<p>Marks <code>&lt;option&gt;</code> as dynamic, so Angular can be notified when options change.
Supports object values via ngValue and synchronizes with readonly mode.</p>
<h3>With ngValue for objects</h3>
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;option euiOption [ngValue]=&quot;user&quot; [label]=&quot;user.name&quot;&gt;{{user.name}}&lt;/option&gt;</code></pre></div><h3>With selected state</h3>
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;option euiOption [selected]=&quot;isSelected&quot; [value]=&quot;id&quot;&gt;Label&lt;/option&gt;</code></pre></div><h3>Notes</h3>
<ul>
<li>Automatically applied to option elements within euiSelect</li>
<li>Use ngValue for complex object binding</li>
<li>Label property updates option text dynamically</li>
</ul>
<p>See <code>EuiSelectControlValueAccessor</code></p>


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

**Standalone:** false

## Inputs

- **label**: `string` - 
- **ngValue**: `any` - 
- **selected**: `boolean` - 
