2014-01-11 27 views
0

我有一組無線電塔底,被驅動關閉一個陣列。爲多選答案設置。元件後不更新角ui.bootstrap.buttons除去

<div ng-repeat="option in options"> 
    <div> 
     <button type="button" style="min-width: 100px" class="btn btn-default" ng-model="question.answer" btn-radio="'{{option.option_id}}'">{{option.option_text}}</button> 
    </div> 
</div> 

當我添加到數組時,事情很好,主要是因爲預設答案低於選項中的新元素。

如果我再刪除答案上述選項之一,並重新定義了新的答案ID ..不正確更新單選按鈕。我知道答案已更新,因爲我已將它顯示在屏幕上。但按鈕不會更新。

UPDATE新PLUNKER! 我已經做了一個plunker:http://plnkr.co/edit/2XWFwClewqtcXWPY8ZSK。正如你可以看到,如果你選擇了不同的選項,答案如下..現在如果你選擇第三個選項並刪除第一個或第二個選項,你會看到答案將更新,但檢查按鈕沒有正確更新。

有人可以提供一些線索對此有何看法? 在此先感謝 Kim

+0

我懷疑你的問題可能與$範圍和繼承。本視頻可能有助於http://www.youtube.com/watch?v=DTx23w4z6Kc –

+0

感謝您的快速答覆。我實際上是在使用。 (我錯誤地試圖簡化)和所有的作品,直到我開始搞亂選項列表,這意味着刪除選定答案上方的元素,更新出錯。 –

回答

0

隨着從ui團隊的一些genouros幫助,我發現它是一個簡單的類型鑄造錯誤。

$scope.cp.options[i].option_id = i + 1; 

應該

$scope.cp.options[i].option_id = "" + (i + 1); 

我已經更新了plunker如果有人需要完整的樣本。 Here