gpt4 book ai didi

javascript - 未应用 Angular ui 路由器的状态

转载 作者:行者123 更新时间:2023-11-28 07:04:42 27 4
gpt4 key购买 nike

我的 ui 路由器遇到问题,无法在 url 上触发状态。

导航到/#/dashboard/时,$state.current 设置为抽象 true,且未选择任何状态。

$stateChangeError 上没有抛出任何错误消息

JS-

var app = angular.module('frame', ['ui.router']);
app.config(['$stateProvider', '$locationProvider', function($stateProvider, $locationProvider) {

$stateProvider
.state('dashboard', {
url: '/dashboard/',
views: {
'header@': {
template: 'header'
},
'nav@': {
template: 'nav'
},
'main@': {
template: 'main'
}
}
});

// $locationProvider.html5Mode(true);
}]).
run(['$browser', '$rootScope', '$state', function($browser, $rootScope, $state){
// $browser.baseHref = function() { return '../'; };

$rootScope.$on("$stateChangeError", console.log.bind(console));

console.log(window.location);

$rootScope.state = $state;

}]);

html -

<body>
<div ui-view="header">
</div>
<nav ui-view="nav">
</nav>
<main ui-view="main">
</main>
</body>

最佳答案

这里是一个链接,详细解释了如何使用绝对名称,

https://github.com/angular-ui/ui-router/wiki/Multiple-Named-Views

关于javascript - 未应用 Angular ui 路由器的状态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31793878/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com