Question

我将ng-grid包装在一个自定义指令中，我需要大量的自定义内容。一切都在工作，除了插件（我认为它没有工作，但我只需要灵活的高度）

我使用我的指令的简化版本来制作这个问题，以解决问题： http://plnkr.co/edit/SexqquszSgvDSMqlLBRQ?p=preview

浏览器控制台显示一个错误（与插件有关，如果您删除插件注入，错误消失），并且高度不适应表中元素的数量

Answer 1

这可能应该在链接部分中。此外，尝试在您自己的指令中使用隔离范围可能会导致与您正在包装的ng-grid指令发生冲突，但它实际上是不必要的，因为您可以直接访问指令的属性。请参阅简化的Plunker here。

.directive("myGrid", function($compile){
  return {
    restrict: "E",
    link:  function(scope, element, attrs) {
      var localCss = attrs.myCss;
      if(!localCss){
        localCss = 'defaultGridStyle';
      }
      scope.isEmpty = function(){
        return (!scope.disableErrormsj && angular.isDefined(scope.myData) && scope.myData.length === 0);
      };

      var html = '<div class="col-xs-12" ng-if="!isEmpty()"><div ng-grid="' + attrs.myOptions + '" class="' + localCss + '"></div></div>' +
        '<div class="col-xs-12" ng-if="isEmpty()"><p class="bg-info">No matches found</p></div>';
      var e = $compile(html)(scope);
      element.replaceWith(e);
    }
  };
})

ngGrid与灵活高度插件无法正常工作

1 个答案: