[AngularJS] Typewriter mot flera olika fält

Permalänk
Keeper of Traditions

[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.

Visa signatur

|| Intel 8700K || Asus RTX 4070 TI Super TUF || Samsung 750 EVO 500GB & Kingston A2000 1TB & Samsung 960 EVO 250GB || Corsair RM 850x || 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.