我如何寬泛的關鍵字添加到<select>

Question

有一個下拉列表，像這樣：

<div class="col-md-3"> 
       <select class="form-control" id="afrapporteringsTidDropdown" data-bind="options:moedeDetaljer.afrapportering"></select> 
      </div> 

這是所有好，並使用KnockoutJS完成綁定效果很好。

但是，我moedeDetaljer.afrapportering是一個包含以下列表：

afrapportering: ["0", "5", "10", "15", "20", "25", "30"] 

我的問題是：什麼是製作下拉列表中顯示爲「0分」的最優雅的方式，「5分鐘」等等？那麼基本上，如何在列表中存儲的數字之後添加分鐘？

Answer 1

的options結合可以採取一個功能，你可以爲你喜歡的顯示格式文本的optionsText parameter：

<select class="form-control" id="afrapporteringsTidDropdown" 
    data-bind="options: afrapportering, 
       optionsText: function(item) { return item + ' minutes' }"> 
</select> 

演示JSFiddle。