JSFiddle - React, Tailwind, and code Playground

by Ravindra Athreya

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/css/bootstrap.min.css">
<div ng-app="app">
    <table ng-controller="TestController" class="table table-striped table-bordered">
        <tr ng-repeat-start="d in data">
            <td><strong>{{d.name}}</strong></td>
        </tr>
        <tr ng-repeat-end>
            <td>{{ d.info }}</td>
        </tr>
    </table>
</div>

JavaScript

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

app.controller('TestController', function ($scope) {
    $scope.data = [{
        name: 'Shidhin',
        info: 'I am from Dubai'
    }, {
        name: 'Someone',
        info: 'I am from New york'
    }];
});