Changes between Version 46 and Version 47 of 2014/angularjs/part2


Ignore:
Timestamp:
2014-03-12 20:54:15 (5 years ago)
Author:
japekall
Comment:

--

Legend:

Unmodified
Added
Removed
Modified
  • 2014/angularjs/part2

    v46 v47  
    7373---- 
    7474 
    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.  
     75Lä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.  
    7676{{{ 
    7777<html ng-app> 
     
    9494}}} 
    9595 
    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.  
     96Mitä 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:  
    9797 
    9898{{{