AngularJS福岡勉強会(第２回)の実況ツイートまとめ #ng_fukuoka

いとかむ @ito_kamu

続いて @odiak_ さんのDirectiveについての発表です！よろしくおねがいします 〜！ #ng_fukuoka

masatosi0 @masatosi0

２発目は「directiveの作り方」 #ng_fukuoka

いとかむ @ito_kamu

Rails + AngularJSで使われているんですね！ #ng_fukuoka

masatosi0 @masatosi0

始めた人にありがちな感想。　DOMの操作は？directiveは？ #ng_fukuoka

いとかむ @ito_kamu

#ng_fukuoka DOMをいじるのはDirectiveの仕事！

masatosi0 @masatosi0

DOMを弄るのはdirectiveの仕事 #ng_fukuoka

Atsushi Kadotani / 門谷篤 @AT_TUN

AngularJSでは、DOMをいじるのはdirective のお仕事 #ng_fukuoka

masatosi0 @masatosi0

図にすると　サービス、コントローラ⇔Directive、HTML #ng_fukuoka

いとかむ @ito_kamu

#ng_fukuoka directiveは３種類！ 要素！属性！クラス！

Atsushi Kadotani / 門谷篤 @AT_TUN

directiveには要素、属性、class の３つのタイプがある #ng_fukuoka

いとかむ @ito_kamu

#ng_fukuoka linkの第２引数はjQuery互換のオブジェクト！

いとかむ @ito_kamu

#ng_fukuoka Directiveは隔離されたscopeも作れるよ！

いとかむ @ito_kamu

#ng_fukuoka Directiveを使えば再利用できるよ！

いとかむ @ito_kamu

#ng_fukuoka inputフォーカスを制御するDirectiveの紹介！

いとかむ @ito_kamu

#ng_fukuoka scope.$watch 値の変化を監視する！

masatosi0 @masatosi0

scope.$watchとかイベント系？便利ね #ng_fukuoka

masatosi0 @masatosi0

ヲッチとアプライがアングラJSのデータバインディングの基本。（自動でヤッテくれているように見えるが、コレしてる） #ng_fukuoka

masatosi0 @masatosi0

アングラＪＳ忍者.comとか気に成るわ＞ネーミングが #ng_fukuoka

masatosi0 @masatosi0

compileの詳細情報希望＞itokamiさん #ng_fukuoka

masatosi0 @masatosi0

DOMについて #ng_fukuoka

𝕂𝕒𝕚𝕕𝕠 @odiak_

スタイルの変更はクラス名を切り替えてcssで詳細を指定するのがいいかと #ng_fukuoka

masatosi0 @masatosi0

ng-if　地味に良いなあ。 #ng_fukuoka

masatosi0 @masatosi0

ng-animeでジワーッと表示するの、脳何とかのテストみたい #ng_fukuoka

𝕂𝕒𝕚𝕕𝕠 @odiak_

ng-ifはDOMを新しく作るがng-show/hideは表示/非表示を切り替えるだけという違いがある #ng_fukuoka