kjh-middleware

Laravel-like middleware for angular uiRouter

Usage no npm install needed!

<script type="module">
  import kjhMiddleware from 'https://cdn.skypack.dev/kjh-middleware';
</script>

README

KJH Middleware

Laravel-like middleware for Angular

Installation / Setup

  1. Include 'kjhMiddleware' in your main module
  2. Install & import uiRouter

Usage

  1. Add the following config to your app:

     .config(['middlewareProvider', function(middlewareProvider) {
         middlewareProvider.routeMiddlware({
             'label': ['anything', function(anything) {
                 // Go to next middleware
                 this.next();
    
                 // Redirect to a different state
                 this.redirectTo('state-name');
    
                 // Get the route parameters
                 var params = this.params();
             }]
         });
     })
    
  2. Reference the middleware in your routes, either as a string separated by pipes OR an array

     $stateProvider
         .state('state1', {
             ...
             'middleware': 'middleware1|middleware2|middleware3' OR ['middleware1', 'middleware2', 'middleware3']
         })
    

TODO

  • Make this compatible with ngRouter