fir*_*man 2 javascript angularjs angular-ui angular-ui-router
这很简单,但我不知道什么是错的.我有以下示例,使用角度ui-router和角度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>
Run Code Online (Sandbox Code Playgroud)
我写了app.js和index.html之类的东西
app.js
angular.module('app',[
'ui.router'
])
.config(['$urlRouterProvider','$stateProvider'],function($urlRouterProvider,$stateProvider){
$urlRouterProvider.otherwise('/');
//console.log($urlRouterProvider);
$stateProvider
.state('home',{
url:'/',
templateUrl:'home.html'
})
})
Run Code Online (Sandbox Code Playgroud)
而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>
Run Code Online (Sandbox Code Playgroud)
我的页眉和页脚正常工作.这是一个很好的第一步.但是当我尝试路线时,没有任何反应.
在我的控制台中根本没有错误..我不明白,是什么事?我觉得这很简单.也许是因为我对角度很新.所以,如果您可以提供解决方案,请提供帮助.
小智 7
状态更改错误通常不会显示在控制台中.您需要添加一个错误监听器,以便查看出现了什么问题:
$rootScope.$on('$stateChangeError', function(event, toState, toParams, fromState, fromParams, error) {
$dialogs.error("Something went wrong!", error);
console.error("$stateChangeError: ", toState, error);
});
Run Code Online (Sandbox Code Playgroud)
很可能您的模板不在您指定的位置或类似的位置.
| 归档时间: |
|
| 查看次数: |
1531 次 |
| 最近记录: |