There are many kinds of JavaScript frameworks. AngularJS is getting popular among web developers these days. It has an amazing data binding function.
http://angularjs.org/
------------------------------------------------------
[Index.html]
<!DOCTYPE html>
<html lang="en" ng-app>
<head>
<meta charset="UTF-8">
<title>Anjular JS test</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.3/angular.min.js"></script>
<script src="testscript.js"></script>
</head>
<body>
<div ng-controller="mainCtrl">
<ul>
<li ng-repeat="usr in users|filter:query">
{{$index+1}} {{usr.name|uppercase}} {{usr.score}}
</li>
</ul>
</div>
</body>
------------------------------------------------------
[testscript.js]
var mainCtrl = function($scope) {
$scope.users = [
{"name":"Nick", "score":88.22},
{"name":"Ken", "score":58.13},
{"name":"Hiro", "score":98.54},
{"name":"Jon", "score":45.22},
{"name":"Lyn", "score":90.13},
{"name":"Nate", "score":34.54},
];
}
------------------------------------------------------

No comments:
Post a Comment