Change angular2 select/option to ul/li binded to selection
<p>I would like to change the following <code>select</code>, <code>option</code> tags to be a <code>ul</code>,<code>li</code> instead.</p>

<pre><code>&lt;select [(ngModel)]="selectedLanguage" name="selectedLanguage"&gt;
                    &lt;option *ngFor="let lang of languages" [value]="lang"&gt;{{lang}}&lt;/option&gt;
                &lt;/select&gt;
</code></pre>

<p>Ideally it would be bootrap-friendly like:</p>

<pre><code>&lt;ul class="dropdown-menu"&gt;
   &lt;li&gt;...&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>Can someone help please?
Thanks</p>

<p><strong>EDIT</strong>:
If I just change <code>select</code> for <code>ul</code> and <code>option</code> for <code>li</code> I'd get</p>

<pre><code>error_handler.js:49ORIGINAL EXCEPTION: No value accessor for form control with name: 'selectedLanguage'
</code></pre>

<p>I guess the <code>[value]</code> tag is not valid on <code>li</code>, but I am not quite sure how to fix it</p>

<p>I need <code>[(ngModel)]="selectedLanguage"</code>  to be updated with the selected <code>li</code></p>