AngularJS福岡勉強会(第２回)　2014/09/06 http://www.zusaar.com/event/14627003 勉強会の最初にこのスライドを使う予定〜。

1. AngularJS福岡勉強会(第２回)
AngularJSを基礎から一緒に学びませんか？
2014/9/6(土)18:00-

2. 本日は
こんちは！
ご参加ありがとうございます

3. 前回はいきなりコードで
AngularJSの説明が
なかったので…反省して
!
最初に概要を説明します

4. ざっくり説明！
AngularJSとは

5. Google製の
JavaScriptフレームワーク！
↑
安心と信頼のGoogle製！

6. MV*フレームワーク
View Model
var data = {
cd: 101,
nm: "test"
};
<div>
{{data.cd}}
{{data.nm}}
</div>
↑
HTMLの
テンプレート
↑
JavaScriptの
オブジェクト
データと表示が
分割出来るよ

7. データバインディング
View Model
var data = {
cd: 101,
nm: "test"
};
<div>
{{data.cd}}
{{data.nm}}
</div>
!
101 test
データの内容が
自動表示されるよ

8. データバインディング
View Model
var data = {
cd: 102,
nm: "test"
};
<div>
{{data.cd}}
{{data.nm}}
</div>
!
102 test
データの内容が
自動表示されるよ

9. HTML拡張！
↓なんか知らないタグや属性が！

10. 依存性の注入
機能2
機能1
使いたいときに
使いたい機能が
呼び出せるよ！
機能2

11. 続いて前回の復習から！
http://java-and-js.blogspot.jp/2014/07/0705angularjs001.html