angularjs Bootstrap radiowy przycisk grupa

Question

Próbuję utworzyć grupę przycisk radiowy za pomocą samouczka stąd:

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

Więc moim zdaniem stworzyłem to:

<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> 

mój problem czy nie mogę uzyskać przycisku do wybrania. W swoim przykładzie, dla każdego przycisku miały one różne wartości logiczne, ale moje musi być współużytkowane, więc jeśli wartość logiczna to true, przycisk "Dostawa" powinien być aktywny, jeśli wartość to false, wówczas "Do zbierania" powinno być aktywne.

Próbowałem robić to tak:

<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> 

ale że miał ten sam problem. Czy ktoś wie, w jaki sposób mogę go wybrać, aby wybrać przycisk na podstawie mojej wartości?

Answer 1

Odnosząc się do podanego w przykładzie 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> 

Po wybraniu radioModel='Left' lewy przycisk.

W przypadku Twojego scenariusza brakuje niektórych opcji. Oto kod roboczych

<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