Angular: Empty Fiddle

http://angularjs.org/

by ramnathv

HTML

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="http://public.opencpu.org/js/archive/opencpu-0.4.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.1/angular.min.js"></script>
<h1>The Plotting Widget</h1>

<div ng-controller='App2'>
  <div class='row'>
    <div class='col-md-4'>
       <form ng-submit='submit()' role='form'>
           <label>Caption</label>
           <input type='text' ng-model='caption' /> <br/>
           <label>Dataset</label>
           <select ng-model='dataset' ng-options='dataset for dataset in datasets'></select>
       </form> 
    </div>
    <div class='col-md-8'>
      <h1>{{ caption }}</h1>
    </div>
  </div>
</div>



<!-- <div ng-controller='DrawHist'>
  <b>Ticker</b> 
  <form ng-submit='submit()' role='form'>
    <input type="text" ng-model="numbers"/>
    <select ng-model='color' ng-options='color for color in colors'>
    <input type="text" ng-model="color"/>
     You picked {{ticker}}
    <input type="submit" id="submit" class='btn btn-primary' value="Submit" />
  </form>
</div>
  <div id="plotdiv"></div>  -->

CSS

#plotdiv {
    position: relative;
    height: 400px;
    border: solid gray 1px;
}

JavaScript

var myApp = angular.module('myApp', []);


//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});

//set CORS to call "stocks" package on public server
ocpu.seturl("//public.opencpu.org/ocpu/library/base/R")

function App2($scope){
   $scope.caption = 'Data Summary'  
   $scope.datasets = ['rock', 'mtcars']
   $scope.dataset = 'rock'
   $scope.submit = function(){
     var req = $("#summarydiv").call("summary",    
       
   }
}

function OcpuCtrl($scope){
 $scope.ticker = 'GOOG'
 $scope.from = '2013-01-01'
 $scope.submit = function(){
   var req = $("#plotdiv").rplot("smoothplot", {
     ticker : $scope.ticker,
     from : $scope.from
   });
    
   //optional
   req.fail(function(){
     alert("R returned an error: " + req.responseText); 
   });
 }
 $scope.$watchCollection('[ticker, from]', function(x){
   $scope.submit()  
 })
}


function DrawHist($scope){
    $scope.numbers = "1, 2, 3, 4, 5"
    $scope.color = 'blue'
    $scope.colors = ['blue', 'red']
    $scope.submit = function(){
      var x = $scope.numbers.split(",")
      for(var i = 0; i < x.length; i++) {
          x[i] = +x[i]; 
      } 
      var req = $("#plotdiv").rplot("hist", {
         x : x,
         col: $scope.color
      });   
    }
    $scope.$watchCollection('[numbers, color]', function(x){
     $scope.submit()  
    })
}