JSFiddle - React, Tailwind, and code Playground

by Michele Marcucci

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.1/angular-sanitize.js"></script>
<script src="https://angular-ui.github.io/ui-router/release/angular-ui-router.js"></script>
<div ng-app="myApp" ng-controller="AppCtrl">
</div>

JavaScript

angular.module('myApp', ['ui.router'])
    .controller('AppCtrl', ['$scope', '$state', '$stateParams', '$rootScope', function ($scope, $state, $stateParams, $rootScope) {}])
    .config(function ($stateProvider, $urlRouterProvider) {
    $stateProvider.state('navBar', {
        url: "/navBar",
        abstract: true,
        views: {
            'navBarView': {
                template: "WORLD",
                controller: 'AppCtrl'
            }
        }


    })
        .state('navBar.orderReceive', {
        url: "/orderReceive",
        views: {
            'orderReceiveView': {
                template: 'HELLO'


            }
        }
    })

    $urlRouterProvider.otherwise(function ($injector) {
        var $state = $injector.get('$state');
        $state.go('navBar.orderReceive');

    });
});