Question

我创建一个动态生成表的指令...指令应该联系数据服务然后显示一些行，行头是id，name，regions。

<planets data="{ view: 'planets', params: ['id','name','regions'] }"></planets>


test.directive('planets', function () {
    return {
        restrict: 'E',
        scope: {
            'data' : '='
        },
        template: '<div>{{data.params}}!</div>'
    }

});

我需要一个如何生成

的建议

   <table>
      <tr>
         <th>id</th>
         <th>name</th>
         <th>regions</th>
      </tr>
   </table>

动态？以及如何将数据从服务传递到

我不想使用模板或链接？

谢谢！

修改

test.controller('projects', function ($scope, DataService, $resource) {

    DataService.query(function(response) {
        $scope.projects = response;
    });

});

test.directive('planets', function () {
    return {
        restrict: 'E',
        scope: {
            'data' : '='
        },
        templateUrl: 'templates/table.html'
    };

});

Answer 1

这取决于你需要的动态。但是，要生成示例，您只需要在模板中使用ng-repeat：

template: '<table><tr><th ng-repeat="param in data.params">{{param}}</th></tr></table>'

使用指令参数生成动态模板

1 个答案: