ができない…。

 

以下でスキンの変更/UI上の動作はする。

が、チェックボックスにバインドされたo.selectedの値が変わらない。

 

<!--CSS-->
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/bootstrap-theme.min.css" />

<!--Libraries-->
<script src="lib/angular.min.js"></script>
<script src="lib/jquery-3.1.1.min.js"></script>
<script src="lib/bootstrap.min.js"></script>

<div class="list-group">
    <div class="" data-toggle="buttons" ng-repeat="o in objects">
        <label class="btn btn-default btn-block list-group-item">
            <input type="checkbox" ng-model="o.selected" />{{o.Name}}
        </label>
    </div>
</div>

 

以下だと余裕でバインドされるがUIがチェックボックスのまま。

 

<div class="list-group">
    <div class="list-group-item" ng-repeat="o in objects">
        <label class="btn btn-default btn-block">
            <input class="" type="checkbox" ng-model="o.selected" />{{o.Name}}
        </label>
    </div>
</div>

まあチェックボックスのクリック有効範囲が広がるので上記で良しとする。