gpt4 book ai didi

javascript - Angular 路由没有错误但不工作

转载 作者:行者123 更新时间:2023-12-04 01:22:42 24 4
gpt4 key购买 nike

这很简单,但我不知道哪里出了问题。我有以下示例,使用 angular ui-router 和 angular 1.2.16 制作一个简单的 web 模板。

     <script type='text/javascript' src='angular.js'></script>
<script type='text/javascript' src='angular-ui-router.js'></script>
<script type='text/javascript' src='js/me/app.js'></script>

我写的 app.js 和 index.html 是这样的

应用程序.js

angular.module('app',[
'ui.router'

])
.config(['$urlRouterProvider','$stateProvider'],function($urlRouterProvider,$stateProvider){
$urlRouterProvider.otherwise('/');

//console.log($urlRouterProvider);

$stateProvider
.state('home',{
url:'/',
templateUrl:'home.html'
})
})

index.html 是

    <body ng-app="app">
<header ng-include="'header.html'"></header>
<!-- End of Header -->
<div ui-view="''"></div>
<footer ng-include="'footer.html'"></footer></body>

我的页眉和页脚工作正常。这是很好的第一步。但是当我尝试路由时,什么也没有发生。

在我的控制台中完全没有错误。我不明白,这是怎么回事?我认为这很简单。也许是因为我对 Angular 很陌生。因此,如果您可以提出解决方案,请提供帮助。

最佳答案

状态更改错误通常不会显示在控制台中。您将需要像这样添加一个错误监听器,以便查看出了什么问题:

$rootScope.$on('$stateChangeError', function(event, toState, toParams, fromState, fromParams, error) {
$dialogs.error("Something went wrong!", error);
console.error("$stateChangeError: ", toState, error);
});

很可能您的模板不在您指定的位置或类似位置。

关于javascript - Angular 路由没有错误但不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22883718/

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