AngularJS引導單選按鈕組

Question

我試圖建立使用教程從這裏單選按鈕組：

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

所以，在我看來，我創造了這個：

<div class="form-group"> 
    <div class="btn-group"> 
     <label class="btn btn-primary" ng-model="controller.selectedLines[0].forDelivery">For delivery</label> 
     <label class="btn btn-primary" ng-model="!controller.selectedLines[0].forDelivery">For collection</label> 
    </div> 
</div> 

我的問題是我無法獲得要選擇的按鈕。 在他們的例子中，他們對每個按鈕有不同的布爾值，但是我必須共享布爾值，所以如果布爾值是true那麼按鈕「For delivery」應該是活動的，如果值爲false那麼「收藏」應該是積極的。

我試圖做這樣的：

<div class="form-group"> 
    <div class="btn-group" data-toggle="buttons"> 
     <label class="btn btn-default" ng-class="active: controller.selectedLines[0].forDelivery === true"> 
      <input type="radio" name="optionsRadios" ng-model="controller.selectedLines[0].forDelivery" ng-value="true" ng-change="deliveryController.requestDeliveryDate(controller.order, controller.selectedLines)"> For delivery 
     </label> 
     <label class="btn btn-default" ng-class="active: controller.selectedLines[0].forDelivery === false"> 
      <input type="radio" name="optionsRadios" ng-model="controller.selectedLines[0].forDelivery" ng-value="false" ng-change="deliveryController.requestDeliveryDate(controller.order, controller.selectedLines)"> For collection 
     </label> 
    </div> 
</div> 

但有同樣的問題。 有誰知道我可以如何讓它選擇基於我的價值的按鈕？

Answer 1

參照當選擇radioModel='Left'左按鈕在https://angular-ui.github.io/bootstrap/

<div class="btn-group"> 
    <label class="btn btn-primary" ng-model="radioModel" btn-radio="'Left'">Left</label> 
    <label class="btn btn-primary" ng-model="radioModel" btn-radio="'Middle'">Middle</label> 
    <label class="btn btn-primary" ng-model="radioModel" btn-radio="'Right'">Right</label> 
</div> 

給出的例子。

至於你的情況，一些選項丟失。這裏是工作的代碼

<div class="btn-group"> 
    <label class="btn btn-primary" ng-model="mode" btn-radio="'Delivery'">For delivery</label> 
    <label class="btn btn-primary" ng-model="mode" btn-radio="'Collection'">For collection</label> 
</div> 

Demo