Angular: Empty Fiddle

http://angularjs.org/

by dkrotts

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.9/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-beta1/jquery.min.js"></script>
<div ng-controller="demoCtrl as demo">
  
  <table>
  <tbody>
    <tr ng-repeat="data in demo.data">
      <td>{{data.a}}</td>
      <td>{{data.b}}</td>
      <td>{{data.c}}</td>
    </tr>
  </tbody>
  </table>
  
  <h1>
  Number of columns: {{demo.numColumns}}
  </h1>
  
</div>

JavaScript

function demoCtrl() {
	var vm = this;
  
  vm.numColumns = $('table').find('tr:nth-child(1) > td').length;
  
  vm.data = [
  	{
    	a: '1',
      b: '2',
      c: '3'
    }, {
    	a: '4',
      b: '5',
      c: '6'
    }
  ];
}

angular
	.module('myApp',[])
  .controller('demoCtrl', demoCtrl);