AngularJSをダウンロード
公式サイトからダウンロード。
なんというシンプル。必要なjsファイルは1つだけですか。
angular.min.js
では、html内で読み込みます。
<script src="angular.min.js"></script>
html要素にng-app
と書き込む。
<html lang="ja" ng-app>
これでhtml要素内がAngularJSの処理の対象になったとのこと。
テンプレートタグ
コレ
{{}}
例として、
<input type="number" ng-model="num">
<div>{{num * 2}}</div>
input要素に2を入力すると、{{ num * 2}}
が評価されて「4」と表示される。
input要素に指定したng-model
のnum
が<div>
内のテンプレートタグで指定したnum
と連動したデータバインディングが実現された瞬間です。。
テンプレートタグ内では、四則演算や論理演算も可能。
よし、今日はここまで。
次回からはもっと詳しく見ていくとする。