var m1=angular.module('myApp', ['ui.router']);
m1.component('index',{
template:'<h1>{{name}}</h1>',
});
m1.component('user',{
template:'<h1>{{name}}</h1>',
});
m1.config(function($stateProvider) {
var indexState = {
name: 'index',
url: '/index',
component:'index'
}
var userState = {
name: 'user',
url: '/user',
component:'user'
}
$stateProvider.state(indexState);
$stateProvider.state(userState);
});
Excusez-moi, le contenu du modèle dans les deux États ici ne s'affiche pas dans le navigateur. Puis-je demander pourquoi ?
Je l'ai essayé et il semble que ce soit un problème de version. La configuration de ui-router n'a peut-être pas l'attribut de composant.
Changez le composant : 'user' en modèle :'<user></user>' Utilisez simplement le composant comme directive