http://www.zusaar.com/event/5307006
ヽ(∵)ノAngularJS入門について発表したいです!よろしくお願いしますヽ(∵)ノ
-
001_angular.bootstrap
http://jsfiddle.net/itokami1123dev/TqEpb/2/
angular.bootstrapのサンプル -
002_ng-app
http://jsfiddle.net/itokami1123dev/bp4Ae/
ng-app(ngAppディレクティブ)のサンプル -
003_angular.module
http://jsfiddle.net/itokami1123dev/8L2aR/1/
angular.moduleで名前空間 -
004_angular.module_in_angular.module
http://jsfiddle.net/itokami1123dev/KY6rz/7/
angular.moduleの中にangular.module -
0041_DI
http://jsfiddle.net/itokami1123dev/rqGda/1/
DIする時は文字列で依存名を渡します。
モジュールの読み込みと依存(DI) モジュールは、起動プロセス中にアプリケーションに対して適用される設定と実行ブロックの集合です。 最も単純な形式のモジュールは、2種類のブロックから構成されているものです。 実行(run)ブロック - 実行ブロックは、インジェクターが作られアプリケーションのスタートに使用された後に実行されます。 インスタンスと定数だけが、実行ブロックに注入可能です。 これは、アプリケーション実行中にシステムの設定をされることを防ぐためです。
-
005_controller
http://jsfiddle.net/itokami1123dev/SZyy9/
controllerのサンプル
$scopeに紐づいた値を表示します。 -
006_service
http://jsfiddle.net/itokami1123dev/9x2Zh/3/
serviceが値を保持しcontrollerに紐づけて表示します -
007_jquery_click_none$apply
http://jsfiddle.net/itokami1123dev/92prV/2/
jqueryのclickイベントでサービスの値を変更します
でも画面に反映されません...$digestが動いていないからなんです.. -
008_jquery_click_and_$apply
http://jsfiddle.net/itokami1123dev/dK23V/4/
$scope.apply()すると$rootScope.$digestが動いて画面に反映されます -
009_ng-click
http://jsfiddle.net/itokami1123dev/b3mTU/1/
ng-click = $(elm).click + $apply()
### とっても参考になる記事 * お前のAngular.jsはもうMVCではない。と言われないためのTutorial http://qiita.com/icoxfog417/items/2ac773c33a8b34288551
// 依存性注入により、上で定義したオブジェクトが入る
sample.run(function(person){
console.log(person.name); // => 'akkunchoi'
});