Enhance UI-Router by adding a layout decorator.
$ yarn add @ovh-ux/ng-ui-router-layout
This layout is now deprecated. Prefer using ouiModal
layout.
// index.js
import angular from 'angular';
import ngUiRouterLayout from '@ovh-ux/ng-ui-router-layout';
angular.module('myApp', [ngUiRouterLayout]);
// routing.js
import controller from './controller';
import template from './template.html';
$stateProvider.state('state.name', {
url,
views: {
modal: {
controller,
template,
},
},
layout: 'modal',
});
// routing.js
$stateProvider.state('state.name', {
url,
views: {
modal: {
component: 'awesomeModal',
},
},
layout: 'modal',
});
// routing.js
$stateProvider.state('state.name', {
url,
views: {
modal: {
componentProvider: (predicate) =>
predicate
? 'awesomeModalForTruePredicate'
: 'awesomeModalForFalsePredicate',
},
},
layout: 'modal',
});
See ouiModal layout.
$ yarn test
- @ovh-ux/ng-ui-router-breadcrumb - Display a breadcrumb based on the UI-Router state declaration
- @ovh-ux/ng-ui-line-progress - Display a line progress between UI-Router transition hooks
Always feel free to help out! Whether it's filing bugs and feature requests or working on some of the open issues, our contributing guide will help get you started.
BSD-3-Clause © OVH SAS