このトピックは、AngularJS の Ignite UI ディレクティブのサンプルについて説明します。
このトピックは、以下のセクションで構成されます。
このサンプルを実行するために以下が必要です。
このサンプルは、igGrid
を AngularJS で使用する方法を示します。
以下は最終結果のプレビューです。
このサンプルでは、更新、ページング、並べ替え機能が有効な場合に igGrid の AngularJS ディレクティブを使用する方法を紹介します。
このサンプルは、igEditors
を AngularJS で使用する方法を示します。
以下は最終結果のプレビューです。
このサンプルは、AngularJS ディレクティブを使用して複数のエディターを作成する方法を紹介します。
このサンプルは、igTileManager
を AngularJS で使用する方法を示します。
以下は最終結果のプレビューです。
このサンプルでは、igTileManager
AngularJS ディレクティブを使用します。データソースを保持するコントローラーの data
変数について説明します。igTileManager
AngularJS ディレクティブを宣言し、data
変数にバインドします。
このサンプルは、igDialog
を AngularJS で使用する方法を示します。
以下は最終結果のプレビューです。
このサンプルでは、igDialog
AngularJS ディレクティブを使用します。ダイアログ ウィンドウで headerText
および height
オプションを設定します。
このサンプルは、igTree
を AngularJS で使用する方法を示します。
以下は最終結果のプレビューです。
このサンプルでは、igTree
AngularJS ディレクティブを使用します。データソースを保持するコントローラーの data
変数について説明します。igTree
AngularJS ディレクティブを宣言し、data
変数にバインドします。
このサンプルは、igMap
を AngularJS で使用する方法を示します。
以下は最終結果のプレビューです。
以上のサンプルでは、AngularJS ディレクティブを使用してズーム可能なマップを初期化する方法を紹介します。
このサンプルは、igLayoutManager
をインスタンス化するために AngularJS
ディレクティブを使用する方法を紹介します。
以下は最終結果のプレビューです。
このサンプルでは、igLayoutManager
AngularJS ディレクティブを使用します。
このサンプルは、igDataChart
をインスタンス化するために AngularJS
ディレクティブを使用する方法を紹介します。
以下は最終結果のプレビューです。
このサンプルは、データ チャートおよびズームバー コントロールを AngularJS ディレクティブを使用してリンクする方法を紹介します。
このトピックの追加情報については、以下のトピックも合わせてご参照ください。
オンラインで表示: GitHub