以下では読込直後のみUIが更新され、変数(btnDisabled)を更新してもUIが更新されない。

但しクリックは動作する。

<div class="btn" ng-disabled="{{btnDisabled}}" ng-click="hoge()">
    <div>
        <h4>ボタンです</h4>
    </div>
</div>
 

変数を{{}}で括っていた事が原因。

{{}}内の式は1度しか評価されない。

以下で正常にUIも変更される。

<div class="btn" ng-disabled="btnDisabled" ng-click="hoge()">
    <div>
        <h4>ボタンです</h4>
    </div>
</div>
 

相変わらずサンプルコード見ればすぐに分かる話で反省…。

以下でスキンの変更／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>

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