Download as PDF, PPTX
![Code Samples: Results
// View (compiled)
[object Object]
{"foo":"bar"}
{ "foo": "bar" }
01.
02.
03.
04.
25](https://image.slidesharecdn.com/angularjsqa-150828105138-lva1-app6892/85/AngularJS-Q-A-AngularJS-Warsaw-3-25-320.jpg)
AngularJS: Q&A - AngularJS Warsaw #3
- 1.
- 2. Who am I? KierownikDziału Aplikacji Webowych Cyfrowy Polsat, Warsaw JavaScript Ninja. Mac lover. Pebble evangelist. Organizator WarsawJS "Kto chce szuka sposobu, kto nie chce szuka powodu." Piotr Kowalski 2
- 3.
- 4.
- 5.
- 6.
- 7.
- 10. Law of Demeter • Object itself • Method 's parameters • Any objects created/instantiated within m • Object 's direct component objects • A global variable, accessible by Object , in the scope of method Reference: https://en.wikipedia.org/wiki/Law_of_Demeter 10
- 12. Demo I was createdspecial project for test that: • https://github.com/piecioshka/test-angular-update-model-and-view 12
- 14. Demo I was createdspecial project for test that: • https://github.com/piecioshka/test-angular-directive-execution-order 14
- 16. Demo I was createdspecial project for test that: • https://github.com/piecioshka/test-angular-un-register-watch 16
- 19. More? Go gogo!
- 22. Code Samples $scope.title ='Function'; // Mozilla Firefox support Arrow Function natively. setTimeout( () => { $scope.title = 'Arrow Function?'; }, 1000); 01. 02. 03. 04. 05. 06. 22
- 24. Code Samples // Controller $scope.dataStructure= { foo: 'bar' } ; // View <span ng-bind="dataStructure"></span> {{ dataStructure }} {{ dataStructure | json }} 01. 02. 03. 04. 05. 06. 07. 24
- 25. Code Samples: Results //View (compiled) [object Object] {"foo":"bar"} { "foo": "bar" } 01. 02. 03. 04. 25
- 27. Code Samples: Useother controller mod.controller('HelperController', function ($scope) { $scope.helper = 1; }); mod.controller('DependencyController', function ($scope, $controller) { var $newScope = $scope.$new(); $controller('HelperController', { $scope: $newScope }); console.log($newScope.helper); // 1 }); 01. 02. 03. 04. 05. 06. 07. 08. 09. 10. 27
- 32. Code Samples <!-- interpolation--> <span ng-cloak >{{ title }}</span> <!-- directive ng-bind --> <span ng-bind="title"></span> 01. 02. 03. 04. 05. 32
- 34. Code Samples < ng-switchon="foo" > <span ng-switch-when="bar">Bar</span> <span ng-switch-when="baz" >Baz</span> <span ng-switch-when="abc">Abc</span> <span ng-switch-default >...</span> </ng-switch> 01. 02. 03. 04. 05. 06. 34
- 36. Code Samples <body ng-init="cut = false ;"> <div ng-cut="cut = true" > Lorem ipsum... </div> Cut? {{ cut }} </body> 01. 02. 03. 04. 05. 06. 36
- 39. Demo I was createdspecial project for test that: • https://github.com/piecioshka/test-angular-disable-watchers 39
- 45. Last but notleast!
- 47.
- 48. Links Slides https://github.com/piecioshka/presentation-angularjs-q-and-a Post about AngularJStraining: http://piecioshka.pl/blog/2015/06/27/szkolenie-angularjs-podstawy- relacja-live.html My private projects for testing AngularJS (7): https://github.com/search?q=user:piecioshka+angular 48