AngularJSを勉強しようと思っていた最初のころ。
ネットで検索するとほとんどがアプリ開発やVPS環境でのコードばかりで、ローカル環境で動作するサンプルの少なさに嘆いた覚えがあるので、ここで初期テンプレとして残しておこうと思います。
まずは、どういうものかお手軽にサクッと試してみたいって人が大半だと思うので、GoogleのCDNを利用させてもらいます。
あ、でもChromeでは制限があってローカルで完全には動作しないので、確認にはFirefoxを利用してください。
AngularJS 基本サンプル
<!DOCTYPE HTML> <html ng-app lang="ja"> <head> <meta charset="utf-8"> <title>My Angular App</title> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script> </head> <body> <p><input type="text" ng-model="foo"></p> <p>タイプ結果:{{foo}}</p> </body> </html>
AngularJSテスト
ボックスに入力した値が連動して表示されます。
タイプ結果:{{foo}}