denispeplin / graph.html

Last active March 06, 2013


    
    View graph.html 
  
  
      graph.html
    
    
        Raw
      
    
    File suppressed. Click to show.
  
  
            1
            2
            3
            4
            5
            6
            7
            8
            9
            10
            11
            12
            13
            14
            15
            16
            17
            18
            19
            20
            21
            22
            23
            24
            25
          
          
            <!-- initializing Angular --> 
<html ng-app>
<head>
<!-- setting default value -->
<script language="javascript">
function Ctrl($scope) {
   $scope.graph = 'noise_margin';
}
</script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.min.js"></script>
</head>
<!-- all code evolves Angular should be wrapped inside some container with ng-controller -->
<body ng-controller="Ctrl">
  <!-- selecting value, binding data to 'graph' model -->
  <form name="graphForm">
    <input type="radio" ng-model="graph" value="noise_margin"> noise_margin
    <input type="radio" ng-model="graph" value="speed"> speed
    <input type="radio" ng-model="graph" value="attenuation"> attenuation
  </form>
  <!-- using selected value to display image via 'ng-src' with 'graph' model -->
  <img ng-src="http://rrd-graph.example.com/{{graph}}/graph_day.png"><br><br>
  <img ng-src="http://rrd-graph.example.com/{{graph}}/graph_week.png"><br><br>
  <img ng-src="http://rrd-graph.example.com/{{graph}}/graph_month.png"><br><br>
  <img ng-src="http://rrd-graph.example.com/{{graph}}/graph_year.png">
</body>