wiki:2014/angularjs/part3

Version 7 (modified by japekall, 5 years ago) (diff)

--

3. Näkymät (Views) & Ohjaimet (Controllers) & Näkyvyys (scope)


3.1 Yleistä

MVC-mallin perusperiaatteena on siis tehdä sovelluksista mahdollisimman helposti ylläpidettäviä ja testattavia sekä vähentää ns.spagetti-koodin käyttäminen minimiin. Käytännössä tämä tarkoittaa sitä, ettei sovelluksen näkymään saa laittaa logiikka-aiheisia asioita, eikä kontrolleriin taas vastavuoroisesti näkymäkeskeisiä asioita. Ideaalisinta olisi, jos kummatkaan (näkymät ja kontrollerit) osapuolet eivät tietäisi mitään toistensa olemassaolosta. Kontrollerin tarkoituksena olisi pelkästään ohjata, kontrolloida sitä, mitä tietoa, dataa sidotaan aina kulloiseenkin näkymään ja erittäin tärkeää osaa - kontrollerin ja näkymät toisiinsa yhdistävänä tekijänä - näyttelee AngularJS:ssä

$scope

niminen objekti. $scope toimii siis eräänlaisena liimana, jonka avulla voidaan sitoa näkymä ja kontrolleri toisiinsa kuitenkin niin, että osapuolten ei tarvitse tietää toisistaan mitään. Oheisesta kuvasta voidaan havainnollistaa $scopen rooli entiteetit yhdistävänä liimana.

http://javacoder.eu/angular/mvc.png

3.2 Esimerkki


Edellinen luku Seuraava luku