Angular 2の使用

Angular 2 プロジェクトでSpread.Sheetsを使用できます。

以下の手順に沿ってSpread.Sheetsを使用したAngular 2プロジェクトを作成します。

下記のコマンドを使用してAngularプロジェクトを作成します。プロジェクト作成に関するより詳細な情報については以下のリンクを参照してください。
Spread.Sheetsライブラリのファイルをプロジェクトに追加します。
a. appディレクトリ内にライブラリと同名のディレクトリを作成します。

b. 以下のファイルを作成したディレクトリにコピーします。

Note: gc.spread.sheets.angular2.*.*.*.d.tsとGC.Spread.Sheets.d.tsを異なるディレクトリに配置する場合は、gc.spread.sheets.angular2.*.*.*.d.tsの一行目にある参照パス情報を設定し直す必要があります。また上記の設定後アプリケーションのindex.htmlでgc.spread.sheets.all.*.*.*.min.jsとgc.spread.sheets.*.*.*.cssを参照してください。
AngularアプリケーションでSpread.Sheetsを使用します。
a. Spread.Sheetsモジュールをインポートできるように、app.module.tsを編集します。

b. Spread.Sheetsコンポーネント用のデータ生成処理をapp.component.tsに記述します。
シートを更新してデータ表示を確認します。

以下のトピックで、タグ階層とSpread要素に関する情報を説明します。