html - AngularJS を使用して動的にクラスを div に適用する方法

Question

受け取っている学生オブジェクトの数に応じて、class="col-md-x" を使用して div に切り替えたいと考えています。例：サンプル

1. JSON オブジェクトを 1 つだけ取得している場合は、class を含む div を (class="col-md-12") にする必要があります。

2. 2 つの JSON オブジェクトを取得している場合は、class="col-md-6" を使用して div に切り替えたいと考えています。

<div class="container">
    <div class="row">
        <div class="col-md-12">
            <div clss="row">
                <div ng-repeat="c in vm.students" class="col-md-12">
                    <div calss="thimbnail">
                        <div class="Option div 1">
                        </div>
                    </div>
                </div>
                <div ng-repeat="c in vm.students" class="col-md-6">
                    <div calss="thimbnail col-md-">
                        <div class="Option div 2">
                        </div>
                    </div>
                </div>
                 <div ng-repeat="c in vm.students" class="col-md-4">
                    <div calss="thimbnail col-md-">
                        <div class="Option div 3">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

Answer 1

以下のように ng-class を使用し、

ng-class="{class}[condition]"
In your case , 
ng-class="{1:'col-md-12', 2:'col-sm-6'}[vm.students.length]"

ご参考までに、詳しい説明