@arhan89

AngularJS необходимо в одной таблице вывести изделия и детали к ним, как правильные с точки значения валидной верстки?

Используя 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>
  • Вопрос задан
  • 2292 просмотра
Пригласить эксперта
Ответы на вопрос 1
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы