AngularJS
•
3 gefällt mir•1,784 views
An introduction to AngularJS. There's a little focus on using it with Rails as well.
Empfohlen
Weitere ähnliche Inhalte
Was ist angesagt?
Was ist angesagt? (20)
Andere mochten auch
Andere mochten auch (8)
Ähnlich wie AngularJS
Ähnlich wie AngularJS (20)
Kürzlich hochgeladen
Kürzlich hochgeladen (20)
AngularJS
- 1. AngularJS YAJSCAT - "Yet Another JavaScript Client-side Application Thingy"
- 2. The need for YAJSCAT Web applications are getting fancier at an alarming rate! Fancyness middle ages When google ruined everything with gmail Ancient Egyptian "Superhighway" Web Development Boom Time
- 3. WE MUST DO SOMETHING!!! AngularJS is something. Therefore, we must do AngularJS. LOGIC: YOU ARE CONVINCED.
- 4. What's in your js directory? ● app.js ● controllers.js ● directives.js ● filters.js ● services.js
- 5. App Organizes and controls imports for the other files
- 6. Directives Are custom html, this lets you "teach html new tricks". Links behavior or DOM transformations into the DOM <input ng-model="name"> <span ng-bind="name"></span> [elsewhere in js land] function Controller($scope) { $scope.name = 'default';
- 7. Filters
- 8. Services link up to, for example, REST services.
- 9. Testing Includes: ● end-to-end (integration) testing ● unit testing describe('Phone detail view', function() { beforeEach(function() { browser().navigateTo('app/index.html#/phones/nexus-s'); }); it('should display nexus-s page', function() { expect(binding('phone.name')).toBe('Nexus S'); }); }); (jasmine with a custom DSL)
- 10. Testing Units specs include ● controllers ● directives ● filters ● services
- 11. Templates in the DOM (cf. String-based like handlebars): <html> <head><title>Foo</title> <body> <div ng-view></div> </body> </html>
- 12. Using it in rails... gem 'angular-rails'
- 13. Basically Tell angular about all of your RESTful routes