MonacaでOnsenUIとAngularJSを使う準備

MonacaクラウドIDEを使っています。


MonacajQuery Mobile
MonacaとOnsenUI
MonacaとOnsenUIとjQuery
MonacaとOnsenUIとAngularJS
などのパターンのチュートリアルをまぜこぜに見ていて右往左往していましたがようやく動き出しました…

「OnsenUIとjQuery」より「OnsenUIとAngularJS」のほうが資料が多そうなのと書きやすそうなのでAngularJSを選択。AngularJSを知らなかったので調べながら…

 

最初から「OnsenUIとAngularJS」を使うことがわかっている場合、テンプレートから作成するのが便利。
例えば「Angular 1 OnsenUI」からテンプレートを選ぶと、必要な基本的な準備がされたプロジェクトが作成されます。

f:id:mocotanus:20160816162317j:plain

 

lib>angularとその中身と、

その中のファイルへのリンクも自動生成してくれます。

f:id:mocotanus:20160816163330j:plain

<html ng-app="myApp">とする必要がないようです。
「ons.bootstrap()」に連結して記述するみたいです。
長くなるのでスクリプトをapp.jsに移動しています。