Используя AngularJS в своем проекте и для вывода изделий с деталями использую следующий код,
естественно после такого рендеринга в одной табл. получается несколько "tbody"
хотелось бы этого избежать.
Есть ли возможность?, или это допустимо с точки зрения верстки.
Повторюсь все работает как мне нужно просто вопрос эстетики кода.
<tbody ng-repeat="item in document.products">
<tr data-item="{{item.id}}" class="item" ng-click="showDetail(item.id)">
<td class="text-center product-article" data-item="{{item.id}}">{{item.article}}</td>
<td class="product-name">{{item.name}}</td>
<td class="text-center product-count">
<input type="text" min="0" max="99" class="input-xs" ng-model="item.productCount"/>
</td>
<td colspan="7"></td>
<td class="text-center">
<button class="btn btn-xs btn-danger" ng-click="removeItem(item.id)">
<span class="glyphicon glyphicon-remove"></span>
</button>
</td>
</tr>
<tr ng-repeat="detail in item.details" class="detail {{detail.attr.show}}">
<td class="text-center product-article" data-item="{{item.id}}">{{detail.attr.article}}</td>
<td class="detail-name">{{detail.attr.name}}</td>
<td class="text-center product-count">{{item.productCount * detail.attr.count}}</td>
<!--стоимости работ-->
<!--Сварочные работы-->
<td class="text-center work-count" data-per_untit_cost="">{{detail.works.3}}</td>
<td class="text-center work-count" data-total_cost="">{{item.productCount * detail.works.3 * detail.attr.count | number:2}}</td>
<!--Слесарные работы-->
<td class="text-center work-count" data-per_untit_cost="">{{detail.works.1}}</td>
<td class="text-center work-count" data-total_cost="">{{item.productCount * detail.works.1 * detail.attr.count | number:2 }}</td>
<!--Порошковая покраска-->
<td class="text-center work-count" data-per_untit_cost="">{{detail.works.9}}</td>
<td class="text-center work-count" data-total_cost="">{{item.productCount * detail.works.9 * detail.attr.count | number:2 }}</td>
<!--Упаковка и маркировка-->
<td class="text-center work-count" data-per_untit_cost="">{{detail.works.8 }}</td>
<td class="text-center work-count" data-total_cost="">{{item.productCount * detail.works.8 * detail.attr.count | number:2 }}</td>
</tr>
</tbody>