Question

是否有处理<table>的指令的特殊规则？

我不知道为什么我无法创建替换<table>的指令。

我正在研究Angular问题，但没有找到答案。 This discussion很有意思。

修改

为什么要替换表？

真实模板更复杂，例如：

<div class="grid">
  <div no-result-message="items"></div>
  <table ng-transclude></table>
  <div paging="items"></div>
</div>

另外，我想在此指令中移动ng-repeat而不是tr直接移动;

Answer 1

通过查看此SO Q&A，如果在指令定义中使用restrict: 'A'，则可能会有更好的运气。虽然我不确定它会取代桌子，但我不能想到你为什么要那样做。此外，我非常确定替换指令中的元素的能力是以角度方式弃用的，或者是在下一个版本中。

Updated Fiddle

angular.module('myApp',[])
.controller('MyCtrl', function($scope){
    $scope.items = [
        {first: 'Foo', last: 'Bar'},
        {first: 'Baz', last: 'Zox'},
    ];
})
.directive('grid', function() {
    return {
        restrict: 'A',
        replace: true,
        transclude: true,
        template: '<table ng-transclude></table>'
    };
});

Angular指令替换表

1 个答案: