Monacaの「Onsen UI and Angular 1」のテンプレートは、Onsen UI V2のバージョンが古いため、Onsen UIの不具合と気がつかずに開発・検証を進め、必要以上の時間がかかる場合がある。
今回は、テンプレートを使用せずに、Onsen UI V2 + Angular JS V1 最新バージョンのプロジェクト作成方法を紹介する。

1.Monacaにログインし、ダッシュボードから「新規プロジェクトボタン」を押下、No Framework-最小限のテンプレートでプロジェクトを作成する。

2.作成したプロジェクトを開き、「www」フォルダに新規フォルダ「onsenui」を作成する。

3.Onsen UI最新バージョンのzipファイルをダウンロード・解凍する。

4.解凍した「css」・「js」フォルダを、先ほど作成した「onsenui」フォルダにアップロードする。

5.「www」フォルダに新規フォルダ「js」を作成する。

6.Angular JS最新バージョンのzipファイルをダウンロード・解凍する。

7.解凍した「angular.min.js」ファイルを、先ほど作成した「js」フォルダにアップロードする。

8.「index.html」を下記のように変更し、Onsen UI・Angular JSの動作を確認する。

【Monaca】Onsen UI V2 + Angular JS V1 最新バージョンのプロジェクト作成方法
Tagged on: