I am trying to build a directive for a table to display data.
The table has a header and a body.
Ideally I would like to have the following directives:
<div my-table></div> <div my-table-header></div> <div my-table-body></div>
So that I can use them with ng-transclude
<div my-table> <div my-table-header></div> <div my-table-body></div> </div>
However, this does not work with the following template for my-table:
<table class="table" ng-transclude></table>
When the page renders, I end up with the following:
<div my-table="" class="ng-scope"> 1 2 a b </div>
I have seen some mention of ng-transclude not working well with tables. For example, if you put
the browser moves the ng-transclude div outside of the table
I was wondering if anyone had any experience solving this problem, as it seems like a fairly reasonable thing to want to do.