JSFiddle - React, Tailwind, and code Playground

by Joseph_Wang

HTML

<div ng-app="myApp" ng-controller='mainCtrl as ctrl'>
  <table>
    <tr ng-repeat-start="data in ctrl.dataSet">
      <td>ID</td>
      <td>{{data.id}}</td>
    </tr>
    <tr>
      <td>Name</td>
      <td>{{data.name}}</td>
    </tr>
    <tr ng-repeat-end>
      <td>Job</td>
      <td>{{data.job}}</td>
    </tr>
  </table>
</div>

JavaScript

angular.module('myApp', [])
  .controller('mainCtrl', [function() {
    var self = this;
    self.dataSet = [{
      id: 1,
      name: 'John',
      job: 'doctor'
    }, {
      id: 2,
      name: 'Tomas',
      job: 'Engineer'
    }, {
      id: 3,
      name: 'Tim',
      job: 'Nurse'
    }];
  }]);