AngularJS: MVC

by koper

HTML

<body ng-app ng-controller="StocksCtrl">
    <button ng-click="randomize()">Randomize</button>
    <table>
        <tr>
            <th>Name</th>
            <th>Price</th>
        </tr>
        <tr ng-repeat="company in companies">
            <td ng-bind="company.name"></td>
            <td ng-bind="company.price | currency"></td>
        </tr>
    </table>
</body>

JavaScript

function StocksCtrl($scope) {
    $scope.companies = [
        { name: 'Apple Inc', price: 525.63 },
        { name: 'Facebook Inc', price: 49.42 },
        { name: 'Google Inc', price: 1024.95 }
    ];
    $scope.randomize = function() {
        $scope.companies.forEach(function(company) {
            company.price *= (0.9 + 0.2 * Math.random());
        });
    };
}