How we use angular.js in our Ruby on Rails Application.

1. ANGULAR AND
CHEESECAKE
SONNTAG, 16. FEBRUAR 2014

2. ANGULAR AND RAILS
Wie AngularJS in Rails integriert wurde bei Wer liefert Was?

3. ZIELSETZUNG
Neu-Implementierung der Registrierung für Kunden.
Sehr viele Angaben durch den Benutzer
Komplexe Zuordnung der Kategorien
Frühzeitige Fehlererkennung
Verbesserung der Nutzerführung
Höhere Registrierungsquote
Siehe: List your Company

4. STRUKTUR DER ANGULAR-APP
Von Angular kaum Vorgaben bzgl. der Strukturierung
Von Rails hingegen sehr strenge Vorgaben
Daher: Anlehnung an Rails

6. INTEGRATION VON ANGULAR UND RAILS

7. WIE SIND DIE RAILS CONTROLLER, MODELS AND VIEWS MIT
ANGULAR VERZAHNT?
Verwendung eines show-Views
(app/views/lyc/registrations/show.html.slim)
Sehr einfacher Aufbau um Angular zu starten
-cnetfr:aette t'y.aettergsrto')
otn_o(pg_il, (lcpg_il.eitain)
dvn-p=rgsrtoWzr"
i(gap"eitainiad)
n-iw
gve
Der Rest wird über Angular Templates geregelt

8. ANGULAR TEMPLATES UND SLIM
INITIALIZER
Risapiainast.eitregn(.lm,Si:Tmlt)
al.plcto.sesrgse_nie'si' lm:epae
app/assets/ng-templates: steps.html => steps.html.slim

9. API-CALLS
Rails-Controller
antworten auf Anfragen der Angular-App
geben JSON zurück
dfcet
e rae
rsodt d |omt
epn_o o fra|
fra.snd
omtjo o
rgsrto =Rgsrto.e(
eitain
eitainnw
prm[csoe]
aas:utmr,
prm[cmay,
aas:opn]
prm[haig
aas:edns
)
rgsrto.ae
eitainsv!
rne sau:21 ntig tu
edr tts 0, ohn: re
ed
n
ed
n
ed
n

10. TESTING
MOMENTAN BDD MIT FOLGENDEN TESTS/SPECS
Cucumber
Jasmine Tests (WIP)
JS Models
JS Controller
JS Directives
Rails Controller Specs
Rails Model Specs
Wichtig: Lauffähig auf dem CI

11. FRAGEN?

12. VIELEN DANK!