AngularJS Bootstrap радио кнопки группы

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, тогда кнопка «Для доставки» должна быть активной, если значение 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

Со ссылкой на пример, приведенный в 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> 

При выборе radioModel='Left' левая кнопка.

Что касается вашего сценария, некоторые параметры отсутствуют. Вот рабочий код

<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