angularjs Bootstrap radyo düğmesi grubu

Question

buradan öğretici kullanarak bir radyo düğmesi grubu ayarlamak çalışıyorum:

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

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

Yani benim görünümünde ben yarattım seçilecek düğmeyi alamıyorum. Örneklerinde, her düğme için farklı booleanlar vardı, ancak boolean'ı paylaşmak zorundaydık, bu nedenle boolean değeri true ise "value for" seçeneği etkinse, değer false ise "Koleksiyon için" aktif olmalıdır.

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

ama bu aynı sorunu vardı:

böyle yapıyor çalıştı. Değeri temel alan düğmeyi seçmek için onu nasıl alabileceğimi bilen var mı?

Answer 1

radioModel='Left' sol düğme seçildiğinde 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> 

verilen örneğe atıfta bulunularak.

Sizin durumunuza gelince, bazı seçenekler eksik. İşte çalışma kodu

<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