このチュートリアルでは、Wijmo 5とIonic Frameworkを使用してMobileのプロジェクト:Hello Worldを実現します.
Ionicって何?
Ionicは、hybird mobile Apps(ハイブリッドモバイルアプリケーション)の生成を支援するHTML 5フレームワーク、無料、オープンソースです.
Ionicには、次の3つのセクションがあります.

CSSスタイル:Webページをレンダリングし、オリジナルモバイルアプリケーション(Native App)に近づける.

AngularJS:IonicはAngularJsの拡張命令をコアフレームワークライブラリとして使用するとともに、AngularJsの開発プロセスを加速させる.

Apache Cordova:IonicはApache Cordovaを使用してmobile Appにコンパイルされ、ngCordovaライブラリが提供される--AngularJs拡張Cordova APIライブラリを使用する.

Ionicフレームワークは現在もbetaフェーズ(本明細書の締め切り時点、最新版:v 1.0.0-beta.12「krypton-koala」・2014-09-10・MIT Licensed)であり、現在のバージョンはiOS 6+およびAndroid 4.1+バージョンをサポートし、Windowsデバイスをサポートする計画がある.他の古いデバイスにはバージョンサポート計画がありません.
システム必須
このチュートリアルでは、次の環境を使用します.事前に準備してください.

Git

Node.js

Bower

Apache Cordova

このチュートリアルでは、Chromeを使用して開発、デバッグを行います.また、AndroidやIOSデバイス上で他のブラウザでデバッグすることもできます.
システム環境を構成するには、Cordova Platform Guideを参照し、ウィザードに従ってください.
クイックスタート
上のシステム環境でインストールしたNodeJsに基づいて、まずIonic CLIをインストールします.
Windows、Linux、Macのコマンドラインコードを区別してインストールします.
Windows
npm install --g ionic
LinuxとMac
sudo npm install --g ionic
 
次はコマンドでプロジェクトを作成します.
ionic start ExpenseTracker blank && cd ExpenseTracker
上のコマンドは、Ionicの空のテンプレートblankを使用して、ExpenseTrackerというIonicプロジェクトを作成しました.作成に成功したら、新しいExpenseTrackerディレクトリに入ります.そしてIonicコマンドでWebサイトを起動します
ionic serve
このコマンドは、Webサービスを起動し、デフォルトのブラウザを使用してページを起動します.
Webサービスが起動した場合、変更した変更は、Webサービスを再起動することなくブラウザページをリフレッシュすることができ、デバッグに便利です.
次のページが表示されます.
サービスを停止するには、コマンドラインの下でサービスを終了します.
次にWijmo 5のソースコードを作成したプロジェクトに追加します.Wijmo 5×××アドレス.まず、プロジェクトのwww/libフォルダの下にWijmoフォルダを作成し、Wijmoソースコードの下Distの3つのフォルダcontrols、interop、stylesを新しく作成したWijmoフォルダの下にコピーします.プロジェクトフォルダのwww/libディレクトリには、appに依存するライブラリファイルが含まれています.
Wijmo 5ダウンロード後のソースコードパスの概要:
Iconicのディレクトリブラウズのスクリーンショット:
ファイルディレクトリ構造を構成すると、InonicとWijmo 5を使用できます.wwwディレクトリの下にindexを作成します.htmlは、使い慣れたIDE(Visual Studio、Web Storm)で編集し、jQuery、Wijmoリファレンスを追加します.

html>
  
    
    
    
    

    
    

    

    
    

    
    

    
    
    
    
    
    

    
    
    
    
  
  
    
      
        
Ionic Blank Starter
      
      
      
    
  

indexでhtmlファイルでは、AngularJsファイルは されていません.これは、Ionic(ionic.bundle.jsファイル)には、UI-RouterなどのAngularJsとその が まれているため、 する はありません.
Wijmo 5の
はIndexです.HTMLファイルにWijmo 5のコントロールを するには、まずwww/js/appが です.jsファイルにWijmoを するモジュール --「wj」.
app.jsの なコードは の りです.

angular.module('starter', ['ionic', 'wj'])
.run(function($ionicPlatform) {
  $ionicPlatform.ready(function() {    // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
    // for form inputs)
    if(window.cordova && window.cordova.plugins.Keyboard) {
      cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
    }    if(window.StatusBar) {
      StatusBar.styleDefault();
    }
  });
})

app.jsでは、ionicとwijmoモジュールの が しており、 ではWijmo 5カスタムAngularJsコマンドを することができます.
indexでhtmlファイルの には、3つのIconのAngularJS が されています.と、。

: 。

: header。

: ， Ionic 。

， Wijmo InputNumber ）， ：

      
        
Ionic Blank Starter
      
      
      
      
    

プロジェクトを すると、WijmoのInputNumberコントロールがページに されていることがわかります.デフォルトは1、 は5、 は-5、 ステップは1です.
 
まとめ
この では、Ionicエンジニアリングを し、Wijmo 5のInputNumberコントロールを しました.つまり、Hello Worldが しました.
エンジニアリング パッケージのダウンロードアドレス