JSPM

ui-state-loader

1.1.1
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • 0
  • Score
    100M100P100Q24634F
  • License MIT

Angular UI Router state definition loader

Package Exports

  • ui-state-loader
  • ui-state-loader/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (ui-state-loader) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

ui-state-loader

Angular UI Router state definition loader

Extract and Exports state definition from source

Installation

$ npm install ui-state-loader --save

Usage

some-state.js

const angular = require('angular');

angular.module('myApp', [
  require('angular-ui-router')
]).config(['$stateProvider', function($stateProvider) {
  $stateProvider.state('foo', {
    url: '/foo',
    controller: 'FooCtrl',
    template: require('./foo.jade'),
    abstract: true
  });
  $stateProvider.state('foo.bar', {
    url: '/bar',
    controller: 'BarCtrl',
    template: '<p>Page bar</p>'
  });
}]).config(['$stateProvider', function($stateProvider) {
  $stateProvider.state('foo.baz', {
    url: '/baz',
    controller: 'BazCtrl',
    template: '<p>Page baz</p>'
  });
}]);
const states = require('ui-state!./some-state');
/*
  Equal as
  const states = [{
    name: 'foo',
    url: '/foo',
    controller: 'FooCtrl',
    // template: require('./foo.jade'), // @note ignores CallExpression
    abstract: true
  }, {
    name: 'foo.bar',
    url: '/bar',
    controller: 'BarCtrl',
    template: '<p>Page bar</p>'
  }, {
    name: 'foo.baz',
    url: '/baz',
    controller: 'BazCtrl',
    template: '<p>Page baz</p>'
  }];
 */

License

MIT License

See full license on mooyoul.mit-license.org