ANGULARJS_AngularJS에서 JQUERY 페이징 제어 사용

첫 글이라 뭐라고 써야 할지 모르겠습니다. 고민 끝에 페이징 제어 사용법을 함께 논의해 볼까 합니다.

페이지네이션은 우리가 사용하는 Angular js에서 프런트엔드 데이터 표시를 위한 일반적인 기능입니다. 기본 페이징은 모든 데이터를 프런트엔드로 가져온 다음 페이징을 위해 프런트엔드로 가져와야 합니다. 대용량 데이터를 처리할 때 실용적입니다. 다음으로 jquery 페이징 컨트롤을 Angularjs 지시문으로 수정하는 방법을 소개하겠습니다.

먼저 웹 프로젝트에서 jquery1.10, Angularjs 라이브러리 파일 및 jq-pagination 제어를 참조하세요.

명령 이름을 custompagination으로 지정하고 명령에 Html 스타일을 추가했습니다.

　

그런 다음 해당 컨트롤러를 명령에 추가합니다.

　

명령어 사용시 html 페이지 코드는 다음과 같습니다

　

해당 컨트롤러 데이터 획득 방법은

　　

컨트롤의 최종 사용 효과.

　

참고: jquery 컨트롤 호출은 동기식 방법에 더 가깝지만 Angularjs는 비동기식 방법을 사용하여 배경 데이터를 동시에 사용하는 경우 두 가지 다른 프로그래밍 아이디어를 결합해야 합니다. . 이 경우 가장 큰 문제는 Angularjs를 사용하여 배경 데이터를 얻은 후 새로운 페이징 상황을 jquery 페이징 컨트롤에 알리고 페이징 컨트롤의 페이지 데이터를 새로 고치는 방법입니다. 이 예제는 Angularjs 및 jquery 코드에서 콜백을 만들어 구현됩니다. 실제로 Angularjs 명령에서 watch를 사용하여 페이징 제어 데이터의 변경 사항을 모니터링하여 페이지를 새로 고칠 수도 있습니다.