將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>元素實例化一個組件以使其工作。