JSFiddle - React, Tailwind, and code Playground

by FGRibreau

HTML

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.3.0/angular-ui-router.js"></script>
<!-- index.html -->
<body ng-app="myApp">
    <div ui-view>
      NOTHING
    </div>
    <!-- We'll also add some navigation: -->
    <button ui-sref="/inbox">inbox</button>
    <button ui-sref="/inbox/10">starred</button>
</body>

JavaScript

angular.module('myApp', ['ui.router']);


angular.module('myApp').config(function($stateProvider, $urlRouterProvider) {
  //
  // For any unmatched url, redirect to /state1
  $urlRouterProvider.otherwise("/inbox");
  //
  // Now set up the states
  $stateProvider
    .state('inbox', {
      url: "/inbox",
      template: "<div>inbox <div ui-view></div></div>",
      resolve:{
      	emails:function(){
        
        	return Promise.resolve([{title:'Hello'},{title:'Tu viens plus aux soirées'}, {title:'Hello world'}]);
        };
      },
      controller: function(emails){
      	console.log(emails);
      }
    });
    .state('inbox.read', {
      url: "/:emailId",
      template: "<div>read <div ui-view></div></div>"
    });
});