Inputfield with JSon data and Jquery

Inputfield with JSon data and Jquery

Hello Guys, im working with angularJS, Jquery and Json files...

Here's my Code, the first  <th>{{item.Nummer}}</th> will Display the correct Value -> 90

Here's my Json file 
  1. { "records":[ {"Nummer":"90","Ranking":"3"} ] }

But if i put the  {{item.Nummer}} in the "rel" in the input field, it will not show up the json data.

does anyone know whjy? and how this can work ? i want that my inputfield gets the data from my json file that it can be generated dynamically
  2. <div class="grid-block wrap align-center" ng-controller="demoController">
  3. <table>
  4. <tr ng-repeat="item in names">
  5. <th>{{item.Nummer}}</th>
  7. <th>{{item.Nummer}}</th>
  8. <div class="small-6 grid-block align-center"><input class="knob"  type="text" data-width="100" data-thickness=".2" rel="22" value="0">
  9. </div>
  10. <div class="small-6 grid-block align-center"><input class="knob" type="text" data-width="100" data-thickness=".2" rel="50" value="0">
  11. </div>
  12. <div class="small-6 grid-block align-center"><input class="knob" type="text" data-width="100"  data-thickness=".2" rel="99" value="0">
  13. </div>
  14. <div class="small-6 grid-block align-center"><input class="knob" type="text" data-width="100"  data-thickness=".2" rel="60" value="0">
  15. </div>
  16. </tr>
  17. </table>

  19. </div>
  20.   <script>


and here^s my JS


  2. $('.knob').each(function(){
  4.     var myColor = 'rgba(41,100,159,.5)';
  5.     var self = $(this);
  6.     
  7.     self.knob({
  8.         'fgColor': myColor,
  9.     });
  10.     
  11.     if(self.val() == 0)
  12.     {
  13.         $({value: 0}).animate({value: parseInt(self.attr("rel"))}, {
  14.             duration: 2000,
  15.             easing:'swing',
  16.             step: function()
  17.             {
  18.                 self.val(Math.ceil(this.value)).trigger('change');
  19.                 self.val(self.val() + '%');
  20.             }
  21.         })
  22.     }
  23. });


  26. </script>