在AngularJS中创建表指令

Question

所以我对AngularJS有点新意，但是我试图创建一个简单的表格指令但是我无法弄清楚最好的方法是什么。

这是我对指令文件的所得：

'use strict';

angular.module('hantera')

.directive('bsGrid', function($http) {
    return {
        restrict: 'E',
        templateUrl:'views/bsGrid.html',
        replace: true, 
        scope: {
            data: '='
        }
    };
});

这是我的模板文件：

<table class="table table-striped table-hover" cellspacing="0">
    <thead>
        <tr>
            <th ng-repeat="(key, value) in data">{{key}}</th>
        </tr>
    </thead>
    <tbody>
        <tr ng-repeat="row in data">
            <td ng-repeat="cell in row">
                {{cell}}
            </td>
        </tr>
    </tbody>
</table>