AngularJS
at the
Dutch Police
bron:Flickr
sourc: Flickr: climbing the story bridge
Research
Dashr
Pre Importer
Nuclear
Security
Summit
bron: Buitenlandse Zaken, Flickr
Research
Source:Microsoft Research TechFest 2007
Dart Flight School
Event
Behind the scenes
dashboard
BlueView to test Sonar
Pre Importer Search ToolImporter
AngularJS
Protractor
Apache Camel
source:Flickr
Report
src dest
database
camel
Backend Dashboard
REST
Two way data-binding
<div>
<label>Name:</label>
<input type="text" ng-model="yourName"
placeholder="Enter a name here">
<hr>
<h1>Hello, {{yourName}}!</h1>
</div>
Templates
<div ng-controller="AlbumCtrl">
<ul>
<li ng-repeat="image in images">
<img ng-src="{{image.thumbnail}}"
alt="{{image.description}}">
</li>
</ul>
</div>
Dependency Injection
function myController(scope, notifyService) {
scope.callNotify = function (msg) {
notifyService(msg);
};
}
Fast
Easy to learn
Solution integrator
Components
Routes
DSL
“AngularJS is zo mooi!!”
“Automated testing of
front- end
was never so easy”
“AngularJS testing using Protractor rocks”
Lessons learned
Just do it
Start small
Pawel
@henkjurriens
http://about.me/henkjurriens
nl.linkedin.com/in/henkjurriens
Thanks!!