State classique

import { ParamFluxDetailComponent } from './components/param-flux-detail/param-flux-detail.component';
import { ParamFluxListComponent } from './components/param-flux-list/param-flux-list.component';
import { Ng2StateDeclaration } from '@uirouter/angular';
import { ParamFluxVersionDetailComponent } from './components/param-flux-version-detail/param-flux-version-detail.component';
export const PARAM_FLUX_STATES: Ng2StateDeclaration[] = [
    {
        name: 'app.module.flux',
        url: 'parametrage/technique/flux',
        views: {
            '[email protected]': { component: ParamFluxListComponent }
        }
    },
    {
        name: 'app.module.flux.creation',
        url: '/creation',
        views: {
            '[email protected]': { component: ParamFluxDetailComponent }
        }
    },
    {
        name: 'app.module.flux.modification',
        url: '/modification/{id_FluxConfigR: int}',
        views: {
            '[email protected]': { component: ParamFluxDetailComponent }
        }
    },

Pour l'écran des FLUX ; c'est assez particulier on a une 3eme route pour la creation ou modification de versions

Donc on va faire comme ça :

    {
        name: 'app.module.flux.modification.version.create',
        url: '/creation',
        views: {
            '[email protected]': { component: ParamFluxVersionDetailComponent }
        }
    },
    {
        name: 'app.module.flux.modification.version.update',
        url: '/modification/{id_FluxConfigVersionR: int}',
        views: {
            '[email protected]': { component: ParamFluxVersionDetailComponent }
        }
    },
]

Seul soucis c'est que le router ne connais pas create et update de app.module.flux.modification.version , parce que cette route n'est pas définie donc la solution est de creer une route abstraite

{
   name: 'app.module.flux.modification.version',
   abstract: true,
   url: '/version'
},