UI Angular Seluler - Ikhtisar

Mobile Angular UI adalah kerangka kerja sumber terbuka untuk mengembangkan aplikasi seluler hybrid. Mobile Angular UI memanfaatkan Twitter Bootstrap dan AngularJS yang membantu membuat aplikasi seluler dan desktop hybrid HTML5 yang menarik.

Fitur UI Angular Seluler

Mobile Angular UI memiliki beberapa komponen keren yang tercantum di bawah ini -

Navbars- Navbar memanfaatkan bagian atas dan bawah layar perangkat. Kita dapat menggunakan bilah navigasi atas untuk menampilkan item menu atau bagian tajuk. Bilah navigasi bawah dapat digunakan untuk menampilkan bagian footer.

Scrollable Areas- Fitur ini membuat aplikasi lebih ramah pengguna. Menambahkan kelas css. scrollable-header / .scrollable-footer , akan menambahkan header / footer tetap ke area scrollable yang Anda inginkan. Anda tidak perlu repot tentang ketinggian dan pemosisian, css akan mengurus semuanya.

Accordion- Akordeon sebagian besar digunakan ketika konten seharusnya berada dalam tipe tampilan bagian dan setiap, satu bagian terlihat pada satu waktu. Anda dapat menyembunyikan dan membuka bagian berikutnya untuk melihat konten di dalamnya.

Dropdowns - Untuk bekerja dengan dropdown menambahkan css .dropdown-menu ke wadah memenuhi tujuan tersebut.

Modals and Overlays- Modals dan Overlay akan menampilkan jendela jenis pop-up di layar Anda. Overlay berbeda dari modal hanya dalam cara penampung ditampilkan untuknya.

Sections- Bagian adalah wadah yang ditampilkan di dalam tubuh. Anda dapat mengubah tata letak tampilan Anda di perangkat dengan kelas yang tersedia dengan bagian. Anda dapat memanfaatkan kelas seperti.section-default, .section-primary, .section-success, .section-info, .section-warning or .section-danger untuk mengubah tata letak.

Sidebars- Sidebar menempati sisi kiri dan kanan layar. Mereka selalu tersembunyi dan diaktifkan ketika item yang terhubung ke sisi kiri atau kanan diklik. Ini adalah cara terbaik untuk memanfaatkan ruang di layar.

Toggle Switch - Mobile Angular UI menawarkan elemen sakelar sakelar menggunakan ui-switchpengarahan. Direktif ui-switch membuat toggle saat diterapkan ke nilai boolean ngModel.

Tabs- Tab adalah komponen berguna yang tersedia di antarmuka seluler bersudut. Tab tersedia dalam pembungkus yang sama dan menampilkan konten Anda di panel terpisah seperti cara tab dibuka di browser. Hanya satu tab yang ditampilkan kepada pengguna dalam satu waktu.

Keuntungan dari Mobile Angular UI

Berikut ini adalah keuntungan dari Mobile Angular UI -

  • Mobile Angular UI menyediakan komponen seluler UI keren seperti navbar, sidebar, modals dan overlay, switch, dll.

  • Mudah untuk membuat aplikasi hybrid karena menggunakan AngularJS dan Twitter Bootstrap yang sangat mudah dipelajari dan dimulai. Juga, ini adalah kerangka kerja sumber terbuka gratis.

  • Dimungkinkan untuk menggunakan komponen ionik bersama dengan komponen UI Angular Seluler.

Kekurangan dari Mobile Angular UI

Berikut ini adalah kelemahan dari Mobile Angular UI -

  • Menjadi kerangka kerja khusus JavaScript, aplikasi yang ditulis dalam AngularJS tidak aman. Autentikasi dan otorisasi sisi server harus dilakukan untuk menjaga keamanan aplikasi.

  • Karena arahan AngularJS ditambahkan ke HTML markup debugging menjadi sedikit sulit ketika kesalahan muncul.