Editor

Pregled code-a:

<!DOCTYPE HTML>
<html lang="hr">
<head>
<meta charset="UTF-8">
<title>AngularJS - Golden Ratio App</title>

</head>
<body ng-app="mojApp">

<br>Primjer pokazuje Golden Ratio niz koji se automatski ažurira.

<br><br>
<div ng-controller="MojCtrl">
    0,382 - <input ng-model="broj1" ng-change="azuriraj1()">
    <br>0,618 - <input ng-model="broj2" ng-change="azuriraj2()">
    <br>1 - <input ng-model="broj3" ng-change="azuriraj3()">
    <br>1,382 - <input ng-model="broj4" ng-change="azuriraj4()">
    <br>1,618 - <input ng-model="broj5" ng-change="azuriraj5()">
    
</div>

<script src="../angularjs/1.2.9/angular.min.js"></script>
<script>
    var mojModul = angular.module('mojApp', []);
    
    mojModul.controller('MojCtrl', function($scope){
        $scope.broj1 = 0.382;
        $scope.broj2 = 0.618;
        $scope.broj3 = 1;
        $scope.broj4 = 1.382;
        $scope.broj5 = 1.618;
            
        $scope.azuriraj1 = function(){
            $scope.broj2 = (0.618/0.382)*$scope.broj1;
            $scope.broj3 = (1/0.382)*$scope.broj1;
            $scope.broj4 = (1.382/0.382)*$scope.broj1;
            $scope.broj5 = (1.618/0.382)*$scope.broj1;
        }
        
        $scope.azuriraj2 = function(){
            $scope.broj1 = (0.382/0.618)*$scope.broj2;
            $scope.broj3 = (1/0.618)*$scope.broj2;
            $scope.broj4 = (1.382/0.618)*$scope.broj2;
            $scope.broj5 = (1.618/0.618)*$scope.broj2;
        }
        
        $scope.azuriraj3 = function(){
            $scope.broj1 = 0.382*$scope.broj3;
            $scope.broj2 = 0.618*$scope.broj3;
            $scope.broj4 = 1.382*$scope.broj3;
            $scope.broj5 = 1.618*$scope.broj3;
        }
        
        $scope.azuriraj4 = function(){
            $scope.broj1 = (0.382/1.382)*$scope.broj4;
            $scope.broj2 = (0.618/1.382)*$scope.broj4;
            $scope.broj3 = (1/1.382)*$scope.broj4;
            $scope.broj5 = (1.618/1.382)*$scope.broj4;
        }
        
        $scope.azuriraj5 = function(){
            $scope.broj1 = (0.382/1.618)*$scope.broj5;
            $scope.broj2 = (0.618/1.618)*$scope.broj5;
            $scope.broj3 = (1/1.618)*$scope.broj5;
            $scope.broj4 = (1.382/1.618)*$scope.broj5;
        }
    });
</script>

</body>
</html>

Pregled stranice:

Pogledaj stranicu ../javascript/angularjs/primjeri/08golden_ratio_niz.html.