JSFiddle - React, Tailwind, and code Playground

by rapsac

HTML

<script src="https://code.angularjs.org/1.2.0/angular.js"></script>
<script src="https://code.angularjs.org/1.2.0/angular-route.js"></script>
<div ng-app="ngDecoratorApp"> 
    <a href="#/">Home</a> | <a href="#/cows">Cows</a>
    <div ng-view=""></div>
    
</div>

JavaScript

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

app.config(['$provide',function($provide) {
    $provide.decorator('ngViewDirective', function($delegate) {
        var directive = $delegate[0];
        directive.replace = true;
        return $delegate;
    });
  }
]);

app.controller('RootCtrl', ['$scope', function ($scope) {
    $scope.title = "Home Page";
}]);

app.controller('CowsCtrl', ['$scope', function ($scope) {
    $scope.title = "Cows Page";
}]);

app.config(['$routeProvider', function ($routeProvider) {
    $routeProvider.when('/', {
        controller: 'RootCtrl',
        template: '<h1>{{title}}</h1>'
    })
        .when('/cows', {
        controller: 'CowsCtrl',
        template: '<h1>{{title}}</h1>'
    })
        .otherwise({
        redirectTo: '/'
    });
}]);