Ionic은 현재 가장 유망한 HTML5 모바일 애플리케이션 개발 프레임 워크입니다. 개발자가 강력한 응용 프로그램을 개발할 수 있도록 많은 UI 구성 요소를 제공하는 SASS를 통해 응용 프로그램을 구축합니다. JavaScript MVVM 프레임 워크 및 AngularJS를 사용하여 응용 프로그램을 향상시킵니다. 데이터의 양방향 바인딩을 제공하며이를 사용하는 것은 웹 및 모바일 개발자에게 공통적 인 선택이됩니다.
이온 특징
1. 이온은 각 문법을 기반으로하며 배우기 쉽습니다. [3]
2. 이온은 가벼운 프레임 워크입니다.
3. 이온은 차세대 모바일 프레임 워크를 완벽하게 통합하고 AngularJS, MVVM 및 유지 관리가 쉬운 기능을 지원합니다.
4. 이온은 SASS를 통해 응용 프로그램을 구축하기위한 아름다운 디자인을 제공합니다. 개발자가 강력한 응용 프로그램을 개발할 수 있도록 많은 UI 구성 요소를 제공합니다.
5. 이온은 네이티브에 중점을 두므로 혼합 응용 프로그램과 네이티브의 차이점을 볼 수 없습니다.
6. 이온은 강력한 명령 줄 도구를 제공합니다.
7. 이온성은 성능이 뛰어나고 빠른 달리기 속도를 가지고 있습니다.
현재 가장 인기있는 프레임 워크로서, Ionic은 다음과 같은 개발 과정에서 다양한 이상한 문제에 직면 할 것입니다.
문제 설명 :
페이지 하단에 버튼이 있습니다. 이 버튼을 클릭하면 추가 데이터가 표시됩니다. 현재 페이지가 초과되고 스크롤 효과가 필요합니다. 같은 장면은 이온 목록의 무한 효과의 문제가 있지만 때로는 스크롤 할 수없는 것과 같은 문제가 있습니다. 손가락을 끌고 릴리스 후 원래 위치로 다시 튕겨냅니다. 하단 데이터는 보이지 않습니다. 이온 뷰는 새로운 높이를 다시 계산하지 않기 때문입니다.
해결책
우리는 $ ionicscrolldelegate라는 Ionic에 스크롤 프록시를 적용해야하며,이 프록시를 사용할 때이 프록시를 주입해야합니다.
this. $ timeout (() => {this. $ ionicscrolldelegate.resize ();}, 410);위에서 언급했듯이, 크기를 다시 계산하는 resize ()라는 프록시에 메소드가 있습니다. 데이터를 정상적으로 렌더링 한 다음 크기를 조정하기 위해 타임 아웃을 추가했습니다.
위는 이온 페이지의 바닥이 차단되어 편집기가 소개하는 위로 스크롤 할 수없는 문제에 대한 해결책입니다. 모든 사람에게 도움이되기를 바랍니다. 궁금한 점이 있으면 메시지를 남겨 주시면 편집자가 제 시간에 모든 사람에게 답장을 드리겠습니다. Wulin.com 웹 사이트를 지원해 주셔서 대단히 감사합니다!