Changes between Version 46 and Version 47 of 2014/angularjs/part2
- Timestamp:
- 2014-03-12 20:54:15 (8 years ago)
Legend:
- Unmodified
- Added
- Removed
- Modified
-
2014/angularjs/part2
v46 v47 73 73 ---- 74 74 75 Lähdetään tarkastelemaan AngularJS-suodattimia koodiesimerkin avulla. Seuraavassa esimerkissä määritellään ensin html-tagi juurielementiksi, body-tagissa ng-init-direktiivin avulla määritellään customers-niminen taulukko, jonne lisätään kolme henkilöä ja henkilöille paikkakunnat. Syötekenttään on mahdollista kirjoittaa haettavan henkilön nimi. li -elementissä sitten tulostetaan names-taulukon sisältö ng-repeat-direktiivin avulla.75 Lähdetään tarkastelemaan AngularJS-suodattimia koodiesimerkin avulla. Seuraavassa esimerkissä määritellään ensin html-tagi juurielementiksi, body-tagissa ng-init-direktiivin avulla määritellään customers-niminen taulukko, jonne lisätään kolme henkilöä ja henkilöille paikkakunnat. Syötekenttään on mahdollista kirjoittaa haettavan henkilön nimi. li -elementissä sitten tulostetaan customers-taulukon sisältö ng-repeat-direktiivin avulla. 76 76 {{{ 77 77 <html ng-app> … … 94 94 }}} 95 95 96 Mitä jos nimiä haluttaisiin suodattaa jotenkin? Haluttaisiin vaikkapa tulostaa nimet isolla ja kaupungien nimet pienellä. AngularJS:ään sisäänrakennetun "putkituksen" avulla operaatiot onnistuvat hyvinkin helposti.96 Mitä jos vaikka nimiä haluttaisiin suodattaa jotenkin? Haluttaisiin vaikkapa tulostaa nimet isolla ja kaupungien nimet pienellä. AngularJS:ään sisäänrakennetun "putkituksen" avulla operaatiot onnistuvat hyvinkin helposti seuraavanlaisesti: 97 97 98 98 {{{