angularJS(アンギュラージェイエス)は、簡単に言うと「データ」「表示」「制御」を分けて効率的に動くJavaScriptのフレームワークです。主にgoogleによって開発が進んでいます。
では早速、とにかく「Hello world」という文字を出力してみましょう。
まずangularJSを読み込む
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js">
JavaScript
// myAppモジュールを作成
var app = angular.module('myApp', \[\]);
// myAppモジュールにmyControllerコントローラーを登録
app.controller('myController', function($scope) {
$scope.hello =
{value:"Hello world"}
});
HTML
<div ng-app="myApp">
<div ng-controller="myController">
<p>{{hello.value}}</p>
</div>
</div>
実行結果
Hello world
以上で終わりです。なんだか 少しややこしい感じますね。しかし、いろんなものを作っていくと良さがわかってくると思いますよ。