将angular2选择/选项更改为ul/li绑定到选项

Question

我想将以下select,option标签更改为ul,li。

<select [(ngModel)]="selectedLanguage" name="selectedLanguage"> 
        <option *ngFor="let lang of languages" [value]="lang">{{lang}}</option> 
       </select> 

理想情况下是bootrap友好，如：

<ul class="dropdown-menu"> 
    <li>...</li> 
</ul> 

有人可以帮助吗？ 感谢

编辑： 如果我只是改变了liselect为ul和option我得到

error_handler.js:49ORIGINAL EXCEPTION: No value accessor for form control with name: 'selectedLanguage' 

我猜[value]标签不上li有效的，但我不是很确定如何修复它

我需要[(ngModel)]="selectedLanguage"更新为选定的li

Answer 1

重写，应该是一样简单：

<ul class="dropdown-menu"> 
    <li *ngFor="let lang of languages" (click)="selectedLanguage = lang">{{lang}}</li> 
</ul> 

---

工作plunker例如使用

Answer 2

你不能<ul>使用[(ngModel)]="..."。这只适用于提供ControlValueAccessor的组件。您需要为支持ControlValueAccessor的<ul>元素实例化一个组件以使其工作。