JSFiddle - React, Tailwind, and code Playground

by noducks

HTML

<body ng-app="clientApp">

<h1>Home Page</h1>

<a href="/first/asdf"> First View</a>
<a href="/second/asdf"> Second View</a>

<hr>

<div class="ng-view"></div>

<script type="text/javascript"
        src="http://code.angularjs.org/1.0.7/angular.js"></script>


<script type="text/javascript" src="app.js"></script>


</body>

JavaScript

'use strict';

angular.module('clientApp', [])
  .config(['$routeProvider', '$locationProvider', function ($routeProvider, $locationProvider) {

    $routeProvider
      .when('/', {
        template: 'Main View',
        controller: 'MainCtrl'
      })
      .when('/first/:firstID', {
        template: 'First View',
        controller: 'FirstCtrl'
      })
      .when('/second/:secondID', {
        template: 'Second View',
        controller: 'SecondCtrl'
      });

    $locationProvider.html5Mode(true);

  }])
  .controller('MainCtrl', function ($scope) {

  })

  .controller('FirstCtrl', function ($scope) {

  })

  .controller('SecondCtrl', function ($scope) {

  })