Hello angular
•
1 gostou•684 visualizações
slides for introductory hello-world talk at first angularjs-vienna meetup
Recomendados
Mais conteúdo relacionado
Mais procurados
Mais procurados (19)
Destaque
Destaque (20)
Semelhante a Hello angular
Semelhante a Hello angular (20)
Último
Último (20)
Hello angular
- 1. AngularJS Meetup 01/23/2014 @sektor5 8 months with AngularJS by Manfred Wuits manfred@werkzeugH.at
- 2. Hello world: <!doctype html> <html> <head> <script src=“angular.min.js" /> </head> ! <body ng-app> <input type="text" ng-model="userName" /> <h3>Hello {{userName}}</h3> </body> ! </html> http://jsfiddle.net/rvFE8/
- 3. Hello controllers: ! function MainCtrl($scope) { $scope.userName = 'world'; // Model initialisation $scope.greet = function() { // Event handler $scope.userName = $scope.userName.toUpperCase(); $scope.message = "Hello " + $scope.userName; } } http://jsfiddle.net/rszmu/
- 4. ! ! ➜ Open Source Javascript Framework ! ❖ MVC architecture (Single-Page-Apps) ❖ Data binding ❖ Client side templates ❖ Dependency injection
- 5. a tiny demo-app ! ▸ http://jsfiddle.net/werkzeugh/68swX/3/
- 7. some Showcases ➜ sorry, mostly on intranet and dev-servers, no links :(
Notas do Editor
- manfred, freelance coder and bar-owner php since 95,
- http://jsfiddle.net/rvFE8/
- http://jsfiddle.net/rszmu/ A few interesting thingsBind with no classes, no IDs in HTMLNo register eventshello_controller.js is plain JavaScript class Auto inject $scopeAuto init HelloController
- Experiences from building large web applications like Gmail, Maps, Calendar ...
- http://jsfiddle.net/werkzeugh/68swX/2/
- http://jsfiddle.net/werkzeugh/68swX/2/
- http://jsfiddle.net/werkzeugh/68swX/2/
- http://jsfiddle.net/werkzeugh/68swX/2/