Giao diện người dùng Góc di động - Tổng quan
Mobile Angular UI là một khung mã nguồn mở để phát triển các ứng dụng di động kết hợp. Mobile Angular UI sử dụng Twitter Bootstrap và AngularJS để giúp tạo các ứng dụng máy tính và di động lai HTML5 hấp dẫn.
Các tính năng của Mobile Angular UI
Mobile Angular UI có một số thành phần thú vị được liệt kê bên dưới:
Navbars- Navbars sử dụng phần trên và dưới của màn hình thiết bị. Chúng ta có thể sử dụng thanh điều hướng trên cùng để hiển thị các mục menu hoặc phần tiêu đề. Thanh điều hướng dưới cùng có thể được sử dụng để hiển thị phần chân trang.
Scrollable Areas- Tính năng này làm cho ứng dụng thân thiện hơn với người dùng. Thêm các lớp css. scrollable-header / .scrollable-footer , sẽ thêm đầu trang / chân trang cố định vào vùng có thể cuộn mà bạn muốn. Bạn không phải lo lắng về chiều cao và vị trí, css sẽ lo mọi thứ.
Accordion- Accordions chủ yếu được sử dụng khi nội dung được cho là ở dạng xem phần và bất kỳ, một phần được hiển thị tại một thời điểm. Bạn có thể ẩn và mở phần tiếp theo để xem nội dung trong đó.
Dropdowns - Để làm việc với trình đơn thả xuống, hãy thêm menu css .dropdown vào vùng chứa để phục vụ mục đích.
Modals and Overlays- Chế độ và Lớp phủ sẽ hiển thị cửa sổ loại bật lên trên màn hình của bạn. Lớp phủ chỉ khác với phương thức ở cách vùng chứa được hiển thị cho nó.
Sections- Phần là vùng chứa được hiển thị bên trong cơ thể. Bạn có thể sửa đổi bố cục của màn hình trong thiết bị với các lớp có sẵn với các phần. Bạn có thể sử dụng các lớp như.section-default, .section-primary, .section-success, .section-info, .section-warning or .section-danger để thay đổi bố cục.
Sidebars- Các thanh bên chiếm bên trái và bên phải của màn hình. Chúng luôn ẩn và được kích hoạt khi mục được kết nối với bên trái hoặc bên phải được nhấp vào. Đó là cách tốt nhất để tận dụng không gian trên màn hình.
Toggle Switch - Giao diện người dùng Angular trên thiết bị di động cung cấp các yếu tố chuyển đổi bằng cách sử dụng ui-switchchỉ thị. Lệnh ui-switch thực hiện chuyển đổi khi được áp dụng cho giá trị ngModel boolean.
Tabs- Tab là thành phần hữu ích có sẵn trong ui di động góc cạnh. Các tab có sẵn trong cùng một trình bao bọc và hiển thị nội dung của bạn trong ngăn riêng biệt giống như cách các tab được mở trong trình duyệt. Chỉ một tab được hiển thị cho người dùng tại một thời điểm.
Ưu điểm của Mobile Angular UI
Sau đây là những ưu điểm của Mobile Angular UI:
Mobile Angular UI cung cấp các thành phần giao diện người dùng di động thú vị như thanh điều hướng, thanh bên, phương thức và lớp phủ, công tắc, v.v.
Dễ dàng tạo các ứng dụng kết hợp vì nó sử dụng AngularJS và Twitter Bootstrap, rất dễ học và bắt đầu. Ngoài ra, nó là một khung mã nguồn mở miễn phí.
Có thể sử dụng các thành phần ion cùng với các thành phần Mobile Angular UI.
Nhược điểm của Mobile Angular UI
Sau đây là những nhược điểm của Mobile Angular UI -
Là một khung công tác chỉ sử dụng JavaScript, các ứng dụng được viết bằng AngularJS không an toàn. Xác thực và ủy quyền phía máy chủ phải để giữ an toàn cho ứng dụng.
Khi các chỉ thị AngularJS được thêm vào việc gỡ lỗi đánh dấu HTML sẽ trở nên khó khăn một chút khi lỗi xuất hiện.