JSFiddle - React, Tailwind, and code Playground

by de Montalembert Jonathan

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/angular-ui/0.4.0/angular-ui.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.8/angular-ui-router.min.js"></script>
<script type='text/ng-template' id='home.html'>
    home
    <a ui-sref='home.g({id:22})'>sub</a>
    <div ui-view></div>
</script>
<script type='text/ng-template' id='g.html'>
    g
    <a ui-sref='home'>back</a>
</script>
<div ui-view>
    {{1+1}}
</div>

<a ui-sref="home">home</a>

JavaScript

angular.module('app', ['ui.router'])
.config(function($stateProvider, $urlRouterProvider){
    $stateProvider.state('home', {
        url: '/home',
        templateUrl: 'home.html',
        controller: 'HomeCtrl'
    })
    .state('home.g', {
        url: '/:id',
        templateUrl: 'g.html',
        controller: 'GCtrl'
    })
})
.controller('HomeCtrl', function(){
    console.log('hello')
})
.controller('GCtrl', function($stateParams){
    console.log($stateParams.id);
});

angular.bootstrap(document, ['app'])