Как применить класс в css при работе с ng-repeat

Question

Я знаю, что это глупо, но я не могу понять это. В моем шаблоне

    <div class="summary-card" ng-repeat="cardData in summaryCardsCtrl.summaryDetails">
        <div ng-switch ="cardData.uniqueCardsDataFlag">
            <div ng-switch-when=true>
                <div ng-include="'src/templates/my-unique-card.html'"></div>      
            </div>
            <div ng-switch-default>
                <div  ng-include="'src/templates/my-analytics-card.html'"></div>
            </div>
        </div> 
    </div>

summary-card класс добавляется ко всем элементам div. Сгенерированный HTML выглядит так:

Но так или иначе, за последние 3 деления that get generated by ng-switch-default block я хочу wrapped div to be added like:

Я знаю this is kind of against the odds but the design needs the same.

Пожалуйста, помогите.

Последние 3 деления генерируются ng-switch-default.

Есть ли что-нибудь, что мы можем добавить, чтобы достичь того же?