Saturday, 30 November 2013

JavaScript AngularJS

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