第21回 GTUG Girls Meetup 「1から始めるAngularハンズオン」
簡単なAngular概要と初心者向けハンズオンでAngularの素顔に触れました。
講師:佐川さん(@albatrosary) チュータ:小川さん(@mitsuruog)
参考(講師blog):http://albatrosary.hateblo.jp/entry/2014/11/06/101400
まねじ
@manemanezi
サーバー立ち上げ。MacはPythonが元々入ってるΣ(゚Д゚)→python -m SimpleHTTPServer #gtuggirls
2015-04-22 19:49:44
Yuka Kobayashi
@kobachiya
GTUG Girlsイベント、開催の儀。 #gtuggirls pic.twitter.com/8ttAU1DZ6F
2015-04-22 20:01:17
拡大
まねじ
@manemanezi
scriptタグでAngularさん使うよ!って宣言する。ダウンロードとかいらない。→<script src="ajax.googleapis.com/ajax/libs/angu…"></script> #gtuggirls
2015-04-22 20:10:05
まねじ
@manemanezi
バインディングの基本 <body ng-app> <input type="text" ng-model="hoge"> {{hoge}} </body> #gtuggirls
2015-04-22 20:16:10
Shoko@産休中
@_okohs
Angularのすごいとこ。テキストボックスに入れたものをすぐ反映できる。これだけのソースで!!! #gtuggirls pic.twitter.com/Nhq8GJFlJq
2015-04-22 20:17:01
拡大
Yuki Anzai
@yanzm
{{}} でも bind できるし、ng-bind でも bind できる。ng-bind だと一瞬{{}}が見えるのが解消できる #gtuggirls
2015-04-22 20:19:24
まねじ
@manemanezi
1入力時のみメッセージを出す <input type="text" ng-model="hoge"> <div ng-show="hoge==='1'"> <span ng-bind="hoge"></span> が入力されました </div> #gtuggirls
2015-04-22 20:25:40