このトピックは、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