각도 js에서 요소를 제거하는 방법은 무엇입니까?

Question

격자 바닥 글에서 div 요소를 제거해야합니다. 각 js.I를 사용하여 제거하는 방법 this-

 $scope.myGrid= { 
      data : 'myData', 
      showFooter : true, 
      enablePaging : true, 
      pagingOptions : $scope.pager.pagingOptions, 
      enablePinning : true, 
      columnDefs : [{ 
         field : 'myField_1', 
         displayName : 'MyField_1', 
         width : '300', 
         pinnable : false 
        }, { 
         field : 'myField_2', 
         displayName : 'MyField_2', 
         width : '200', 
         pinnable : false 
        }, { 
         field : 'myField_3', 
         displayName : 'MyField_3', 
         width : '300', 
         pinnable : false 
        }] 
     }; 

각 그리드 바닥 글과 함께 제공과 같은 showFooter 그리드 옵션에 해당하는 경우 myGrid.html

<div class="row-fluid"> 
    <div class="span12"> 
    <div style="height: 450px; width: 100%;" ng-grid="myGrid"></div> 
    </div> 
</div> 

내 myGrid.js 코드와 같은 코드의 모양이 , 여기 footer를 보여주고 싶지만 바닥 글에서이 div 요소를 제거하는 방법을 알려주세요. footer.could에서 div 요소를 제거해야합니다. div 요소는 클래스 I이 정보가 대답과 질문은 특정 만들기에 충분하다고 생각

 <div class="ngRowCountPicker"></div> 

함께. 그는 documentation 내가 감사해야한다 ......

Answer 1

는 NG 그리드의 헤더 템플릿의 HTML 템플릿을 무시할 수있는 방법을 보여줍니다. 불행히도 ng-grid은 바닥 글 무시 기능과 동일한 기능을 제공하지 않습니다.

가장 쉬운 것은 단지 프로젝트의 스타일에 일부 사용자 지정 CSS를 추가하는 것입니다 :

div.ngRowCountPicker { 
    display: none; 
} 

또 다른 옵션은 ng-grid 포크와 취향에 맞게 템플릿을 정의하는 것입니다.

요소의 표시 상태를 감시하고 표시 될 때마다 숨기기 위해 사용하는 directive을 만들 수도 있습니다. 이런 식으로 뭔가 (그러나 이것은 과잉이다 - 단지 사용자 정의 CSS를 사용) :

app.directive('removeElement', function() { 
    // directive to watch for and hide a given element 
    return { 
     link: function (scope, element, attrs) { 

      var offendingElement, 
       offendingElementSelector = attrs.removeElement; 

      scope.$watch(
       function() { 
        offendingElement = $(offendingElementSelector); 
        return offendingElement.css('display'); 
       }, function (newValue, oldValue) { 
        if (newValue !== 'none') { 
         // assuming you're using JQuery 
         offendingElement.hide(); 
        } 
       }); 
     } 
    }; 
}); 

당신의 HTML에서 당신은 다음과 같이 사용합니다 :

<div class="span12"> 
    <div style="height: 450px; width: 100%;" ng-grid="myGrid"></div> 
    <div remove-element="div.ngRowCountPicker"></div> 
</div> 

이런 식으로 뭔가의 단점은 요소를 끄기 위해 모든 $digest주기에 추가 검색어 선택을 추가하십시오.

직장에서 이것을 this jsbin으로 볼 수 있습니다.