Angularとのふれあい その2

こんにちは

ずいぶん間があいてしまいましたがAngularJSとのふれあい第2回目です。

前回の第1回ではAngularJSとはなんぞやというところにうっすらと触れました。
今回は実際にAngularJSを利用するための手順や準備について書いていこうと思います。

AngularJSいれましょう

AngularJSをインポートするには2通りの方法があります。

その１　公式からDLする

[AngularJS公式サイト]
https://angularjs.org/

DOWNLOAD ANGULARJS をクリックしたら以下のダイアログが出てきますので好きなものを選びましょう。

1 [Branch]お好きな方でよいかと
2 [Build]お好きなものを

Minified	圧縮版です。
Uncompressed	コメントや改行がそのまま残ってる非圧縮版
Zip	AngularJSの関連ファイルをまとめたやつ

お勉強という意味ではソースを確認できるUncompressedやZipで落とした方がいい気がします。

DLした後はほかのライブラリをHTMLに読み込ませるのと同じ要領で記述しましょう。
<script src="angular.js"></script>←こんな感じ

その２　CDNを利用する

ネットワーク経由でインポートできるのでお手軽です！
(裏を返せばオフラインの場合は当然ですが使えません)

実は第1回のデモ[その1]でも使ってます。

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.0/angular.js"></script>

この1文を差し込んであげましょう

実際に差し込んだらこんな感じ

準備はここまでです。さらっと行きましたがどうだったでしょう。

次回はガツガツAngularJSつかいます