Changes between Version 33 and Version 34 of 2014/angularjs/part1


Ignore:
Timestamp:
2014-03-08 20:19:57 (5 years ago)
Author:
japekall
Comment:

--

Legend:

Unmodified
Added
Removed
Modified
  • 2014/angularjs/part1

    v33 v34  
    3838tagin. 
    3939 
     40Seuraavassa yksinkertainen esimerkki angularJS:iä käyttävästä html-dokumentista. 
     41 
     42 
     43{{{ 
     44<!DOCTYPE html> 
     45<html ng-app> 
     46<!--  
     47directives 
     48ng-app 
     49ng-model 
     50ng-repeat 
     51piping  
     52--> 
     53        <head>Directivess, Databingins Syntax</head> 
     54        <body data-ng-init="customers=[ 
     55        {name:'Janne Kalliokulju',city:'Imatra'}, 
     56        {name:'Janne2 Kalliokulju',city:'Rauma'}, 
     57        {name:'Svantte Kalliokulju',city:'Helsinki'} 
     58        ]"> 
     59        <br/> 
     60                <input type="text" data-ng-model="nameText" /> 
     61                <ul> 
     62                        <li ng-repeat="cust in customers | filter:nameText | orderBy:'city'"> 
     63                        {{cust.name | uppercase}}  - {{cust.city | lowercase}} 
     64                        </li> 
     65                </ul> 
     66                <script src="angular.min.js"></script> 
     67        </body> 
     68</html> 
     69 
     70}}}