Hello angular
•
1 gefällt mir•684 views
slides for introductory hello-world talk at first angularjs-vienna meetup
Empfohlen
Weitere ähnliche Inhalte
Was ist angesagt?
Was ist angesagt? (19)
Andere mochten auch
Andere mochten auch (20)
Ähnlich wie Hello angular
Ähnlich wie Hello angular (20)
Kürzlich hochgeladen
Kürzlich hochgeladen (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 :(
Hinweis der Redaktion
- 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/