自舉-timepicker上負載

Question

不顯示模型值我有以下元件：

<div class="input-group bootstrap-timepicker"> 
    <input type="text" 
      class="form-control timepicker" 
      name="start-time" 
      ng-model="timeSegment[0]"/> 
    <span data-toggle="timepicker" class="input-group-addon add-on btn btn-default"> 
     <i class="icon icon-time"></i> 
    </span> 
</div> 

它包含在一個NG-重複該重複該元件多次。上面的代碼片段完美地工作，並且在加載時正確顯示正確的模型值，但使用文本框輸入時間而不是時間片。我的模型值'timeSegment [0]'是格式爲'hh：mm a'的字符串，例如'04：00 AM'。

然而，只要我添加的BS-timepicker屬性上述元素（以允許使用timepickers代替文本框中被輸入的時間）：

<div class="input-group bootstrap-timepicker"> 
     <input type="text" 
       class="form-control timepicker" 
       name="start-time" 
       ng-model="timeSegment[0]" 
       bs-timepicker/> 
     <span data-toggle="timepicker" class="input-group-addon add-on btn btn-default"> 
      <i class="icon icon-time"></i> 
     </span> 
    </div> 

它們顯示默認時間代替的值的來自我的模特。它正確地拾取了我的模型，因爲它正確地迭代了正確數量的元素並顯示了它們的時間選擇器，而不是timepicker中的正確值。

奇怪的是，雖然時間選擇器顯示一個默認時間，但只要我更改其中一個，該值就會在我的模型中正確更新。

我以爲這可能是因爲時間是我的模型是一個字符串，而不是一個日期，但即使添加這裏描述的屬性http://mgcrea.github.io/angular-strap/#/timepickers，如下所示，沒有什麼區別。我也試着讓我的模型成爲Date對象，但是再次沒有區別。

data-modelTimeFormat="hh:mm A" 
data-timeType="string" 

Answer 1

我結束了使用不同的timepicker，預期其工作原理：

https://angular-ui.github.io/bootstrap/