Question

我正在尝试使用Angular指令创建一个类似于表的效果。

我现在能够对齐标题列，并试图了解其他元素如何在标题下方对齐。

Plnkr：http://plnkr.co/edit/yTDxfvkCJHwrEDZGQJeX

请咨询

Answer 1

如果您可以稍微调整您的身体值，以便它们以正确的顺序出现：

   $scope.body = [
                 ['abc','def','ghi','jkl'],
                 ['123','456','789','222'] 
              ];

然后，您可以轻松地在模板中执行此操作。以下是隔离范围的示例：

demo.directive("customTable",function(){
    return ({
            restrict : "A",
            scope: {
              header: '=',
              body: '='
            },
             template: '<table class="box"><tr><th ng-repeat="head in header">{{head.column}}</th></tr><tr ng-repeat="row in body"><td ng-repeat="cell in row">{{ cell }}</td></tr></table>'
    });
    function link($scope, element, attributes){      
      /* how to make the elements in $scope.body coincide with those in $scope.header*/
    }
 });

这是一个forked plunker。

使用Angularjs指令对齐元素

1 个答案: