インフラジスティックス・ジャパン株式会社のBlog

インフラジスティックス・ジャパン株式会社のチームメンバーが技術トレンド、製品Tips、サポート情報からライセンス、日々の業務から感じることなど、さまざまなトピックについてお伝えするBlogです。

Ignite UI for Angular サンプルの実行方法

Ignite UI for Agnular サンプル

マテリアルデザインに準拠した50種類以上のAngularコンポーネントである、Ignite UI for Angularをローカル開発環境で実行できるサンプルを先日公開しました。

sampledownload

パッケージをダウンロードし、npm install, npm startコマンドで実行できます。また、下記のビデオでも解説しています。

このサンプルは各コンポーネントの細かな機能を動作させながら確認できます。

例えば、グリッドの基本機能が実装されたサンプルを表示すると下記のようになります。

image

この画面のメイン部分(右側)を構成するソースコードを確認することができます。

src – app – grid – grid.component.html:

image

src – app – grid – grid.component.scss:

image

src – app – grid – grid.component.ts:

image

ぜひ、お試しください!

sampledownload