Download as PDF, PPTX
![ng-app"この中身がAngularJSによって管理される。<html ng-app="helloApp"><head><meta charset="utf-8"></head>!!ng-controllerこのViewがMyControllerと紐付けられる。ng-clickクリックされたらchangeFoo()が呼ばれる。<body ng-controller="MyController"><input ng-model="foo" value="bar"><button ng-click="changeFoo()">{{buttonText}}</button><div>{{ foo }}</div><script src="bower_components/angular/angular.js"></script><script>var helloApp = angular.module('helloApp', []);{{ }}buttonText変数に入ったデータがhelloApp.controller('MyController', ['$scope', function($scope) {表示される。$scope.buttonText = 'buttonだよ';!$scope.foo = 'bar';$scope.changeFoo = function() {$scope.buttonText = ‘押されちまった悲しみに’;$scope.foo = ‘押された-!’;};}]);</script></body></html>](/image.pl?url=https%3a%2f%2fimage.slidesharecdn.com%2f3angularjs-140227053209-phpapp02%2f75%2f3-angular-js-7-2048.jpg&f=jpg&w=240)
![someModule.controller('MyController', ['$scope', 'dep1', 'dep2', function($scope, dep1, dep2) { ... $scope.aMethod = function() { ... } ...}]);MyControllerは、$scope, dep1,dep2に依存するよ!MyController作成時にangularjsが名前から引っ張ってくるつまりAngularJSはDIの徹底のためにJSのグローバル変数も全て、再定義している→ http://docs.angularjs.org/api/ng/service何が良いか* プロジェクトが分割しやすい* Mockをつかってテストが書きやすい](/image.pl?url=https%3a%2f%2fimage.slidesharecdn.com%2f3angularjs-140227053209-phpapp02%2f75%2f3-angular-js-9-2048.jpg&f=jpg&w=240)
Uploaded byShin Adachi
PDF, PPTX2,241 views
3分でわかるangular js
社内LTで自分の番だったので、チュートリアルしかやってないのにAngularJSの解説を書いた。
Recommended
More Related Content
What's hot
Viewers also liked
Similar to 3分でわかるangular js
3分でわかるangular js
- 1.
- 2.
- 3.
- 4.
- 5.
- 6.
- 7.ng-app"この中身がAngularJSによって管理される。<html ng-app="helloApp"><head><meta charset="utf-8"></head>!!ng-controllerこのViewがMyControllerと紐付けられる。ng-clickクリックされたらchangeFoo()が呼ばれる。<bodyng-controller="MyController"><input ng-model="foo" value="bar"><button ng-click="changeFoo()">{{buttonText}}</button><div>{{ foo }}</div><script src="bower_components/angular/angular.js"></script><script>var helloApp = angular.module('helloApp', []);{{ }}buttonText変数に入ったデータがhelloApp.controller('MyController', ['$scope', function($scope) {表示される。$scope.buttonText = 'buttonだよ';!$scope.foo = 'bar';$scope.changeFoo = function() {$scope.buttonText = ‘押されちまった悲しみに’;$scope.foo = ‘押された-!’;};}]);</script></body></html>
- 8.
- 9.someModule.controller('MyController', ['$scope', 'dep1', 'dep2', function($scope, dep1, dep2) { ... $scope.aMethod = function() { ... } ...}]);MyControllerは、$scope, dep1,dep2に依存するよ!MyController作成時にangularjsが名前から引っ張ってくるつまりAngularJSはDIの徹底のためにJSのグローバル変数も全て、再定義している→ http://docs.angularjs.org/api/ng/service何が良いか* プロジェクトが分割しやすい* Mockをつかってテストが書きやすい