Reveal SDK for Angular で作業を開始
手順 1 - Angular アプリの作成
1 - お気に入りのターミナルを開きます。
2 - アプリケーションを作成します。
ng new getting-started
3 - ディレクトリを新しく作成した app ディレクトリに移動し、お気に入りのエディターでプロジェクトを開きます。この例では、Visual Studio Code を使用しています。
cd getting-started
code .
手順 2 - Reveal JavaScript API の追加
1 - index.html
ファイルを開いて変更し、ページの下部に (</body>
終了タグ の直前) infragistics.reveal.js
スクリプトを含めます。
<script src="https://dl.revealbi.io/reveal/libs/1.7.0/infragistics.reveal.js"></script>
2 - 残りの Reveal JavaScript API 依存関係をインストールします。
- Jquery 2.2 またはそれ以降
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
- Day.js 1.8.15 またはそれ以降
<script src="https://unpkg.com/dayjs@1.8.21/dayjs.min.js"></script>
最終の index.html
ファイルは以下のようになります。
index.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>GettingStarted</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<app-root></app-root>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
<script src="https://unpkg.com/dayjs@1.8.21/dayjs.min.js"></script>
<script src="https://dl.revealbi.io/reveal/libs/1.7.0/infragistics.reveal.js"></script>
</body>
</html>