모바일 Angular UI-개요
Mobile Angular UI는 하이브리드 모바일 앱 개발을위한 오픈 소스 프레임 워크입니다. Mobile Angular UI는 매력적인 HTML5 하이브리드 모바일 및 데스크톱 앱을 만드는 데 도움이되는 Twitter Bootstrap 및 AngularJS를 사용합니다.
모바일 Angular UI의 특징
모바일 Angular UI에는 아래에 나열된 몇 가지 멋진 구성 요소가 있습니다.
Navbars− Navbars는 장치 화면의 상단 및 하단 부분을 사용합니다. 상단 탐색 모음을 사용하여 메뉴 항목 또는 헤더 섹션을 표시 할 수 있습니다. 하단 탐색 모음을 사용하여 바닥 글 섹션을 표시 할 수 있습니다.
Scrollable Areas−이 기능은 앱을보다 사용자 친화적으로 만듭니다. CSS 클래스 추가. scrollable-header / .scrollable-footer 는 원하는 스크롤 가능 영역에 고정 머리글 / 바닥 글을 추가합니다. 높이와 위치에 대해 고민 할 필요가 없으며 CSS가 모든 것을 처리합니다.
Accordion− 아코디언은 콘텐츠가 섹션 유형보기로되어 있고 한 번에 한 섹션 만 표시되는 경우 주로 사용됩니다. 다음 섹션을 숨기고 열면 그 안의 내용을 볼 수 있습니다.
Dropdowns − 드롭 다운으로 작업하려면 컨테이너에 css .dropdown-menu를 추가하는 것이 목적에 부합합니다.
Modals and Overlays− 모달 및 오버레이는 화면에 팝업 유형 창이 표시됩니다. 오버레이는 컨테이너가 표시되는 방식 만 모달과 다릅니다.
Sections− 섹션은 본문 내부에 표시되는 컨테이너입니다. 섹션에서 사용할 수있는 클래스를 사용하여 장치에서 디스플레이 레이아웃을 수정할 수 있습니다. 다음과 같은 클래스를 사용할 수 있습니다..section-default, .section-primary, .section-success, .section-info, .section-warning or .section-danger 레이아웃을 변경합니다.
Sidebars− 사이드 바는 화면의 왼쪽과 오른쪽을 차지합니다. 왼쪽 또는 오른쪽에 연결된 항목을 클릭하면 항상 숨겨지고 활성화됩니다. 화면의 공간을 활용하는 가장 좋은 방법입니다.
Toggle Switch − Mobile Angular UI는 ui-switch지령. ui-switch 지시문은 부울 ngModel 값에 적용될 때 토글을 만듭니다.
Tabs− 탭은 앵귤러 모바일 UI에서 사용할 수있는 유용한 구성 요소입니다. 탭은 동일한 래퍼에서 사용할 수 있으며 브라우저에서 탭이 열리는 방식과 같이 별도의 창에 콘텐츠를 표시합니다. 한 번에 하나의 탭만 사용자에게 표시됩니다.
모바일 Angular UI의 장점
다음은 Mobile Angular UI의 장점입니다-
Mobile Angular UI는 navbar, 사이드 바, 모달 및 오버레이, 스위치 등과 같은 멋진 UI 모바일 구성 요소를 제공합니다.
배우고 시작하기 매우 쉬운 AngularJS 및 Twitter Bootstrap을 사용하므로 하이브리드 앱을 쉽게 만들 수 있습니다. 또한 무료 오픈 소스 프레임 워크입니다.
Mobile Angular UI 구성 요소와 함께 ionic 구성 요소를 사용할 수 있습니다.
모바일 Angular UI의 단점
다음은 Mobile Angular UI의 단점입니다-
JavaScript 전용 프레임 워크이기 때문에 AngularJS로 작성된 애플리케이션은 안전하지 않습니다. 애플리케이션을 안전하게 유지하려면 서버 측 인증 및 권한 부여가 필요합니다.
AngularJS 지시문이 HTML 마크 업에 추가됨에 따라 오류가 발생하면 디버깅이 약간 어려워집니다.