モバイルAngularUI-概要

Mobile Angular UIは、ハイブリッドモバイルアプリを開発するためのオープンソースフレームワークです。モバイルAngularUIは、魅力的なHTML5ハイブリッドモバイルアプリとデスクトップアプリの作成に役立つTwitterBootstrapとAngularJSを利用します。

モバイルAngularUIの機能

Mobile Angular UIには、以下に示すいくつかの優れたコンポーネントがあります-

Navbars− Navbarsは、デバイス画面の上部と下部を利用します。上部のナビゲーションバーを使用して、メニュー項目またはヘッダーセクションを表示できます。下部のナビゲーションバーを使用して、フッターセクションを表示できます。

Scrollable Areas−この機能により、アプリはよりユーザーフレンドリーになります。cssクラスの追加。scrollable-header / .scrollable-footerは、必要なスクロール可能領域に固定ヘッダー/フッターを追加します。高さや位置を気にする必要はありません。cssがすべてを処理します。

Accordion−アコーディオンは主に、コンテンツがセクションタイプのビューにあると想定され、一度に1つのセクションが表示される場合に使用されます。次のセクションを非表示にして開いて、その内容を表示できます。

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−タブはAngular Mobile UIで利用できる便利なコンポーネントです。タブは同じラッパーで利用でき、ブラウザーでタブを開くのと同じように、コンテンツを別のペインに表示します。一度に1つのタブのみがユーザーに表示されます。

モバイルAngularUIの利点

モバイルAngularUIの利点は次のとおりです-

  • Mobile Angular UIは、ナビゲーションバー、サイドバー、モーダルとオーバーレイ、スイッチなどのクールなUIモバイルコンポーネントを提供します。

  • 習得と開始が非常に簡単なAngularJSとTwitterBootstrapを利用しているため、ハイブリッドアプリを簡単に作成できます。また、これは無料のオープンソースフレームワークです。

  • モバイルAngularUIコンポーネントと一緒にイオンコンポーネントを使用することが可能です。

モバイルAngularUIのデメリット

モバイルAngularUIの欠点は次のとおりです-

  • JavaScriptのみのフレームワークであるため、AngularJSで記述されたアプリケーションは安全ではありません。サーバー側の認証と承認は、アプリケーションを安全に保つために必要です。

  • AngularJSディレクティブがHTMLマークアップに追加されると、エラーが発生したときにデバッグが少し難しくなります。