directive.html

<div ng-show="!!vm.code">
<label for="{{id}}"><ng-transclude></ng-transclude></label>
<table id="{{id}}" class="table table-bordered table-striped table-condensed">
    <thead>
        <tr>
            <th rowspan="3">Item</th>
            <th rowspan="3">Sub-Item</th>
            <th>Text</th>
        </tr>
        <tr>
            <th></th>
            <th colspan="2">Main Statistics</th>
            <th colspan="5">IRT Statistics</th>
            <th></th>
        </tr>
        <tr>
            <th>Exclude</th>
            <th>Factor Loading</th>
            <th>Chronbach's Alpha with Item Removed</th>
            <th>Point Biserial</th>
            <th>IRT difficulty estimate</th>
            <th>Infit Mean</th>
            <th>Outfit Mean</th>
            <th>Mantel-Haenszel chi-square</th>
            <th>p-value?</th>
        </tr>
    </thead>
    <tbody>

        <tr ng-repeat-start="item in vm.ngModel">
            <td rowspan="3">{{item.itemIndex+1}}</td>
            <td rowspan="3">{{item.subItemIndex+1}}</td>
            <td>{{item.text}}</td>
        </tr>

        <tr ng-repeat-end>
            <scale-item scale="scale" item-stem-id="item.itemStem.id" item-id="item.subItem.id"></scale-item>
        </tr>
     </tbody>
    </table>
</div>