Как создать новую строку, используя ng-if в ng-repeat?

Question

Я пытаюсь создать новую строку после 10 элементов в моем списке.Ниже приведен код, но я не получаю желаемого результата.

<div class="row">                                    
    <div class="col-sm-1" ng-repeat="q in questions">
         <button class="btn btn-danger" ng-click="select_question(q)">{{ $index + 1 }}</button>
         <br ng-if="$index/10 == 0">                                        
    </div>
    <div class="col-sm-1">
        <button class="btn btn-success" ng-click="select_new_question()">+</button>
    </div>
</div>

Не знаете, какую ошибку я совершаю?

Answer 1

Чек этот планкр

<div class="row">                                    
<div class="col-sm-1" ng-repeat="q in questions">
     <button class="btn btn-danger" ng-click="select_question(q)">{{ $index + 1 }}</button>

     <div ng-if="($index+1)%10 === 0">New Row</div>                                        
</div>
<div class="col-sm-1">
    <button class="btn btn-success" ng-click="select_new_question()">+</button>
</div>

Answer 2

если вы хотите добавить разрыв после каждых 10 элементов, тогда вы должны поставить оператор
перед кнопкой

<div class="row">                                    
    <div class="col-sm-1" ng-repeat="q in questions">
 <br ng-if="$index == 10">     
         <button class="btn btn-danger" ng-click="select_question(q)">{{ $index + 1 }}</button>

    </div>
    <div class="col-sm-1">
        <button class="btn btn-success" ng-click="select_new_question()">+</button>
    </div>
</div>