Upload
toshio-ehara
View
384
Download
1
Embed Size (px)
DESCRIPTION
AngularJS福岡勉強会(第2回) 2014/09/06 http://www.zusaar.com/event/14627003 勉強会の最初にこのスライドを使う予定〜。
Citation preview
AngularJSを基礎から一緒に学びませんか?
2014/9/6(土)18:00-
AngularJS福岡勉強会(第2回)
本日は ご参加ありがとうございます
こんちは!
前回はいきなりコードで AngularJSの説明が
なかったので…反省して !
最初に概要を説明します
AngularJSとはざっくり説明!
Google製の JavaScriptフレームワーク!
↑ 安心と信頼のGoogle製!
MV*フレームワーク
ModelView
var data = { cd: 101, nm: "test" };
<div> {{data.cd}} {{data.nm}} </div>
↑ HTMLの
テンプレート
↑ JavaScriptの オブジェクト
データと表示が 分割出来るよ
データバインディング
ModelView
var data = { cd: 101, nm: "test" };
<div> {{data.cd}} {{data.nm}} </div>
!101 test
データの内容が 自動表示されるよ
データバインディング
ModelView
var data = { cd: 102, nm: "test" };
<div> {{data.cd}} {{data.nm}} </div>
!102 test
データの内容が 自動表示されるよ
HTML拡張!
↓なんか知らないタグや属性が!
依存性の注入
機能2
機能1
使いたいときに 使いたい機能が 呼び出せるよ!
機能2
続いて前回の復習から!
http://java-and-js.blogspot.jp/2014/07/0705angularjs001.html