ngGrid with flexible height 플러그인이 작동하지 않습니다.

Question

내 필요에 맞는 맞춤형 항목이있는 사용자 지정 지시문 안에 ng-grid를 래핑했습니다. http://plnkr.co/edit/SexqquszSgvDSMqlLBRQ?p=preview

브라우저 : 나는 ilustrate 문제에 대한 나의 지시의 단순화 된 버전이 plunker을 만들어

다 (나는 아무도 그 작업을 생각하지,하지만 난 단지 유연한 높이 필요) 플러그인을 제외하고 노력하고 있습니다 콘솔에 하나의 오류가 표시됩니다 (플러그인 삽입을 제거하면 오류가 사라짐). 높이가 테이블의 요소 수에 맞지 않습니다.

Answer 1

링크에 있어야합니다. 섹션 대신. 또한 자신의 지시문에서 격리 범위를 사용하면 래핑중인 ng-grid 지시문과 충돌이 발생할 수 있지만 지시문의 특성에 직접 액세스 할 수 있으므로 실제로는 필요하지 않습니다. 단순화 된 Plunker here을 참조하십시오. 문제는 내가 컨트롤러에서하고 있어요 html로 편집, 내가 수동 트리거로는 NG 그리드의 플러그인 시스템을 나누기 컴파일을 시도 할 때마다 관련이 같은

.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); 
    } 
    }; 
})