9 | | 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, joka sisällytetään html-tagien joukkoon. |
| 9 | 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. |
| 10 | |
| 11 | Tärkein AngularJS-direktiivi on |
| 12 | |
| 13 | ''ng-app'' |
| 14 | |
| 15 | jonka avulla angular.min.js -kirjasto tunnistaa sovelluksen AngularJS-sovellukseksi. |
| 16 | |
| 17 | Ohessa esimerkki typistetystä AngularJS-sovelluksesta. |
| 18 | |
| 19 | {{{ |
| 20 | <!DOCTYPE html> |
| 21 | <html ng-app> |
| 22 | <body> |
| 23 | Hello Angular! |
| 24 | </body> |
| 25 | </html> |
| 26 | }}} |
| 27 | |
| 28 | |