Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

AngularJS 入門

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

  • Als Erste(r) kommentieren

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 }} ご清聴ありがとうございました。

    Als Erste(r) kommentieren

    Loggen Sie sich ein, um Kommentare anzuzeigen.

  • ktoshihiro

    Apr. 4, 2013
  • kogorou

    Apr. 4, 2013
  • tsuyosh

    Apr. 4, 2013
  • shumpei

    Apr. 5, 2013
  • TakeshiWatanabe2

    Apr. 7, 2013
  • ddss

    Apr. 25, 2013
  • TakeshiTajima

    Jun. 8, 2013
  • masayukiota5

    Jul. 4, 2013
  • munenoritakei

    Oct. 29, 2013
  • tak4hir0

    Dec. 8, 2013
  • muyuu

    Dec. 8, 2013
  • YuichiYoshida1

    Jan. 31, 2014
  • nk.naoki

    Jul. 27, 2014
  • qunoster

    Aug. 18, 2014
  • jiunntseng

    Sep. 4, 2014
  • lunghuang712

    Dec. 17, 2014
  • wenhsiaoyi

    Jan. 18, 2015
  • rogerchao988

    Aug. 25, 2015

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

Aufrufe

Aufrufe insgesamt

10.800

Auf Slideshare

0

Aus Einbettungen

0

Anzahl der Einbettungen

4.064

Befehle

Downloads

0

Geteilt

0

Kommentare

0

Likes

18

×