JSFiddle - React, Tailwind, and code Playground

by Nicolas Lips

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/1.0.18/angular-ui-router.min.js"></script>
<div ng-app="myApp">
  <p>
    <a ui-sref="home">Home</a>
  </p>
  <table>
    <tr>
      <td style="width:50%">
        <div ui-view="body"></div>
      </td>
      <td style="width:50%">
        <div ui-view="detail"></div>
      </td>
    </tr>  
  </table>
</div>

JavaScript

angular
.module("myApp", ["angular-ui-router"])
.config(["$stateProvider", "$urlRouterProvider", function($stateProvider, $urlRouterProvider) {
  var homeState = {
    name: 'home',
    url: '/home',
    views: {
    	body: {
      	template: '<ul><li ng-repeat="item in items">{{item}}</li></ul>',
        controller: ["$scope", function ($scope) {
        	$scope.items = ["aaa", "bbb"];
        }]
      }
    }
  }
  $stateProvider.state(homeState);
  $urlRouterProvider.otherwise("/home");
}]);