wiki:2014/angularjs/part2

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

--

2. Direktiivit (Directives) & Suodattimet (Filters) & Datan sitominen (Data binding)


2.1 Direktiivit


Direktiivit muodostavat AngularJS-frameworkin keskiön, joten on hyvä ymmärtää heti alkuunsa niiden merkitys. Voitaisiin todeta, että direktiivien avulla voidaan opettaa perusHTML:lle uusia tapoja esittää sovelluksen sisältöä ja logiikkaa. Direktiivien voidaan määrittää olevan attribuutteja, joita voidaan sisällyttää html-tagien sisään.

Tärkein AngularJS-direktiivi on

{{{ ng-app }}}

jonka avulla angular.min.js -kirjasto tunnistaa sovelluksen AngularJS-sovellukseksi.

Ohessa esimerkki typistetystä AngularJS-sovelluksesta.

<!DOCTYPE html>
<html ng-app>
<body>
Hello Angular!
</body>
</html>

2.2 Suodattimet


2.3 Datan sitominen