Angularjs: Как показать пустой столбец, используя ng-class или ng-if?

Question

У меня есть около 15 строк с 7 столбцами, показанными в виде таблицы, и после каждых нескольких строк я буду показывать пустую строку на основе определенной группировки и бизнес-логики. Чтобы отметить то же самое --- отображается для каждого столбца для всей строки.

Теперь я хотел показать пустой столбец или просто пробел, который разделяет предыдущие и следующие строки, где бы ни было ---, как я могу сделать это с ng-class или же ng-if? Я использую бутстрап. Ниже приведен мой рабочий код

 <tr ng-repeat="row in ctrl.rows" class="myclass">                                            
   <td ng-repeat="col in row" ng-bind="col"></td>
 </tr>

пробовал что-то вроде

<td ng-repeat="col in row" ng-bind="col" ng-class="{col == '---': 'col-sm-1'}"></td> //it didnt work

пожалуйста помоги!

Answer 1

Попробуй это. Ваш синтаксис ng-класса неверен.

 <td ng-repeat="col in row" ng-bind="col" ng-class="{'col-sm-1': col == '---'}"></td>