[AngularJS] Typewriter mot flera olika fält

Trädvy Permalänk
Medlem
Plats
Bästkusten
Registrerad
Jun 2009

[AngularJS] Typewriter mot flera olika fält

Tjipp,

Har nyss börjat knåpa med AngularJS och har väl ingen större koll på det här med controllers och directives. Jag har bara pysslat med javascript ett par gånger tidigare, men helt ny på programmering är jag väl inte.

Jag började på en liten sida med två rutor i all sin enkelhet. I dessa rutor ska det skrivas ut text som från en "typewriter". Idén fick jag från sidan www.strml.net.

Att få text att skrivas ut mot en ruta var inga problem, men när jag fortsatte till att försöka få ut olika text till två olika rutor så vart det inte lika lätt.
Så här ser kontrollern ut: http://pastebin.com/mGBVwjW6
HTML: http://pastebin.com/2XPF36BP

Som synes är det ingen vacker skapelse... Upprepning av kod och utan minsta uns av skalbarhet.

Problemet är att jag behöver rikta första kodstycket mot

$scope.greetings

och nästa kodstycke mot

$scope.work

Hur kan jag lösa detta?
Måste jag ha en separat funktion för varje $scope-variabel eller vad har jag missat?

Istället för att lägga all kod i en controller kanske det ska ligga i olika directives istället och försöka styra det på så vis istället?

EDIT: Löste det genom att lägga det i ett directive istället och därigenom rikta det mot olika rutor.

|| 2700K @ 4.7GHz || MSI GTX 1080 TI Gaming X || Xonar DG || Samsung 750 EVO 500GB & OCZ Agility 3 120GB & Crucial C300 64GB & Crucial V4 256GB || XFX XXX 650W || Antec P183 || Asus G-Sync RoG Swift PG279Q || Dell XPS 15 || Thinkpad X220

The Force is like Duct Tape, it has a light side, a dark side, and holds the universe together.