0
我的问题是,路由工作不正常,这是我的代码:为什么我的angular.js中的路由器UI不能按预期工作?
$urlRouterProvider.
otherwise('/list');
$stateProvider.
state('home', {
abstract: true,
views: {
'header': {
templateUrl: 'partials/header.html',
controller: 'HeaderController'
},
'breadcrumb': {
templateUrl: 'partials/breadcrumb.html',
controller: function($scope) {
$scope.breadcrumb = ['Home', 'Library', 'Data'];
}
},
'sidebar': {
templateUrl: 'partials/sidebar.html'
}
}
}).
state('home.list', {
url: '/list',
views: {
'[email protected]': {
templateUrl: 'partials/list.html',
controller: 'ListController'
}
}
}).
state('home.details', {
url: '/details/:id',
views: {
'[email protected]': {
templateUrl: 'partials/details.html',
controller: 'DetailsController'
}
}
});
在我的索引
我有这样的:
<div class="container">
<div class="row">
<!-- SideBar -->
<div ui-view="sidebar" class="col-xs-3 sidebar"></div>
<!-- /.SideBar -->
<div class="col-xs-8">
<!-- Breadcrumb -->
<div ui-view="breadcrumb" class="pull-right"></div>
<!-- /.Breadcrumb -->
<!-- Main Content -->
<div ui-view="main"></div>
<!-- /.Main Content -->
</div>
</div>
</div>
的问题是,我第一次进入应用程序(否则工作正常),但当试图点击一个超链接的细节/编号我得到这个错误:错误:无法解析状态'home.list''细节',我现在有点困惑! !
您点击链接的代码在哪里?我没有在您所指的索引模板中看到它。 – Travis
它在我的list.html <表类= “table表悬停”> \t \t \t \t \t \t 名称 \t \t \t 地址 \t \t \t \t
\t \t我认为它应该成为'main @ home.list'&'main @ home.details' –