anglejs의 사용자 지정 데이터 정보

Question

각도 및 데이터 테이블을 함께 사용하고 있습니다. 내 요구 사항 중 하나는 항목 수를 보여주는 테이블 정보를 사용자 정의하는 것입니다. 그것은 단지 datatable의 언어 구성을 사용하여 할 수있는 텍스트 업데이 트가 아니지만, 내가 테이블 밖으로 div로 이동해야합니다.

나는 포럼에서 이것을보고 있지만 angularjs에서 그것을하는 방법을 모르겠다. 이것은 페이지 매김을위한 것이지만 여전히 .dataTables_info에 사용할 수 있습니다.

Pagination control outside datatable

$(document).ready(function() { 
    $("#example").dataTable(); 
    $("#NewPaginationContainer").append($(".dataTables_paginate")); 
}); 

Answer 1

으로 "미스터 화이트"는 AngularJS와와 dataTables 같은 프로젝트에서 "jQuery를 방법"을 사용하는 경우이 문제를 요구하고, 지적한다. 은 가능하면입니다. 데이터 렌더링을 사용하자마자 열 렌더링과 같은 고급 기능을 사용하자 마자 인종 문제와 기능이 손상됩니다. jQuery dataTables에 대한 각도 지시문 Angular dataTables을 사용하는 것이 좋습니다.

그렇다면 지시문과 함께 또는없이 jQuery dataTables를 사용하더라도 initComplete()과 같은 콜백이 아닌 $timeout에서이 작업을 수행해야합니다. 그 이유는 때때로 dataTables가 가지고있을 때 특정 비즈니스가 끝나지 않았기 때문입니다.

또한 해결책은 적절하지 않습니다. 대답의 링크를 확인 했습니까? 그것은 완전히 다른 것으로 연결됩니다. 올바른 방법은 다음과 같습니다

$timeout(function() { 
    $('.dataTables_info') 
    .detach() 
    .appendTo('#NewPaginationContainer') 
}) 

데모 ->http://plnkr.co/edit/VHYTFcng0A4w2ipJ7GX5?p=preview

데모 당신은 차이를 볼 수 있지만이 지침을 사용하지 않는 경우에도 사용한다, 그래서 각 dataTables을 사용하고 위의 접근법.