これはAngularJSを勉強した内容をまとめたものです。
今回したこと
AngularJSをダウンロードして簡単に動きをみる
環境
- Ubuntu 14.04 (VirtualBox)
- AngularJS 1.4.7
AngularJSをダウンロードして簡単に動きをみる
1. https://angularjs.org/からangular.min.jsをダウンロード
2. 以下のようなhtmlを用意
<!DOCTYPE html>
<html ng-app>
<head>
<title>Hello World</title>
<script src="angular.min.js"></script>
</head>
<body>
{{"Hello" + "World"}}<br/>
1+1 = {{ 1 + 1 }}
</body>
</html>
3. 同じディレクトリにダウンロードしたangular.min.jsを配置
4. ブラウザで作成したhtmlを見てみる
おお!できた!!{{}}で囲った場所がちゃんと処理されて表示されている!
htmlタグに書いたng-appがポイントらしい。
このあたりは今後の勉強でわかるはず。。
ということで今回はここまで。