Angular2, Comment: configurer ui-routeur à partir de plusieurs modules

Question

comment configurer ui-routeur en angulaire 4 pour utiliser le composant de différents modules? Lorsque j'essaie d'utiliser la directive uiSref pour changer d'état à partir d'autres modules, uiRouter ne réagit pas.

{ 
    name: 'app', 
    abstract: true, 
}, 
{ 
    name: 'app.login', 
    url: '/login', 
    views: { 
     '@': LoginComponent 
    } 
}, { 
    name: 'app.dashboard', 
    url: '/dashboard', 
    views: { 
     '@': DashboardComponent 
    } 
} 

Answer 1

La ligne suivante que vous avez actuellement ne précise comment atteindre ce qui précède quand vous y naviguez ainsi que l'affichage tout dans l'adresse barre du navigateur.

url: '/dashboard', 

Le dessous de la ligne doit être ajouté

templateUrl: 'folder/file.html' 

En outre, il devrait ressembler à ceci:

$stateProvider 
    .state('stateName', { 
     url: '/file', <!-- Optional, "file" can be anything --> 
     templateUrl: 'folder/file.html', 
     controller: 'stateController' <!-- Optional --> 
    }) 

Ensuite, le lien sera déclenchée comme ceci:

<a ui-sref="stateName">ClickToGetTostateName</a>