title: Angular Js Loading data for Chart
body: <p>I am trying to create charts( Using Chart.js Lib ) using ng-repeat.</p>
  
  <p>EDIT : <a href="http://plnkr.co/edit/DAUkixDSOvjBKGhYjAu3?p=preview" rel="nofollow">PLUNKER</a></p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="graph-display" ng-controller="jsonServerBox"&gt;
  &lt;div class="bar-chart-box" ng-repeat="module in ocw.modules"&gt; 
    &lt;canvas class="chart chart-bar" data="{{module.data}}" labels="{{module.labels}}" series="{{module.series}}"&gt;&lt;/canvas&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>app.controller('jsonServerBox', function($scope, $http) {
    var json = {"modules":[
                  {
                     "series":"SeriesA",
                     "data":["90", "99", "80", "91", "76", "75", "60", "67", "59", "55"],
                     "labels":["01", "02", "03", "04", "05", "06", "07","08","09","10"]
                  },
  
                  {
                     "series":"SeriesB",
                     "data":["90", "99", "80", "91", "76", "75", "60", "67", "59", "55"],
                     "labels":["01", "02", "03", "04", "05", "06", "07","08","09","10"]
                  }
  
          ]}; 
      $scope.ocw = json;
      });
  </code></pre>
  
  <p>And I'm getting following error:</p>
  
  <pre><code>Syntax Error: Token 'module.data' is unexpected, expecting [:] at column 3 of the expression [{{module.data}}] starting at [module.data}}].
  </code></pre>
  
  <p>Please help.</p>