O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.

AngularJS 入門

ng-mtg#2 AngularJS 勉強会で使ったドキュメントです

  • Entre para ver os comentários

AngularJS 入門

  1. 1. AngularJS 入門
  2. 2. {{ about-me }}金井 健一 ( Kenichi Kanai )フリーランス エンジニア => 雑用 AngularJS Japan User Group 管理人 WEB先端技術味見部 副部長 Twitter / @can_i_do_web Facebook / can.i.do.web
  3. 3. {{ agenda }}about AngularJS動かしてみるEvent & FilterForm Validationdirectiveプラグインとか
  4. 4. {{ about AngularJS }}
  5. 5. {{ about AngularJS }}Unobtrusive data bindingHTML as the templateReusable components -- in HTML!Views and RoutesTests and Testability
  6. 6. {{ about AngularJS }}双方向データバインディングテンプレートとしてのHTML再利用可能なコンポーネントビューとルーティングテストとテストのしやすさ
  7. 7. {{ about AngularJS }}得意なことCRUD系のアプリケーション管理画面・マイページ1ページで完結するアプリケーション
  8. 8. {{ about AngularJS }}苦手なことモバイル向けアプリケーションゲームなどで使うグラフィック系・エフェ クト系 ※Bombermine・・・
  9. 9. {{ 動かしてみる }}実際つかってみましょうng-appng-bind = {{ model名 }}ng-modelng-initng-repeat
  10. 10. {{ とその前に。 }}HTML のバリデーションチェックでエラーになるんですけどっ!
  11. 11. {{ そんなことないですよー }}気になる方はdata-ng-app = “”ng:bind = “”x-ng-model = “”
  12. 12. {{ 動かしてみます }}
  13. 13. {{ Event }}ng-change ng-mouseenterng-checked ng-mouseleaveng-click ng-mouseoverng-dblclick ng-mouseupng-mousedown ng-submit
  14. 14. {{ Filter }}currency lowercasedate numberfilter orderByjson uppercaselimitTo
  15. 15. {{ Form Validation}}
  16. 16. {{ Form Validation}}バリデーションの結果 form[name].各input[name].$valid form[name].各input[name].$error form[name].各input[name].$error.required form[name].$valid / $invalid form[name].$error(フォーム内の全バリデーション結果)
  17. 17. {{ Form Validation}} check textvalidation/type email number radio text url select box arearequired ○ ○ ○ ○ ○ ○min ○max ○ng-minlength ○ ○ ○ ○ ○ng-maxlength ○ ○ ○ ○ ○ng-pattern ○ ○ ○ ○ ○ng-true-value ○ng-false-value ○
  18. 18. {{ directive }}独自タグ独自属性独自クラスコメントもコンポーネント化できる
  19. 19. {{ プラグインとか }}AngularUIUI BootstrapANGULAR MODULES
  20. 20. {{ thank you }} ご清聴ありがとうございました。

×