我是angularJs的新手,并试图编写一个涉及状态的简单程序。我正在使用ui-router库。
在浏览器中运行我的程序时会显示以下错误: 未捕获的错误:[$ injector:modulerr]
这是我的代码:
(function(){
'use strict';
angular.module('tryingApp',['ui.router'])
.config(RoutesConfig);
RoutesConfig.$inject = ['$stateProvider', '$urlRouterProvider'];
function RoutesConfig($stateProvider, $urlRouterProvider){
$urlRouterProvider.otherwise('/me');
$stateProvider
.state('me',{
url:'/me',
templateUrl:'firststate.html'
})
.state('nome',{
url:'/nome',
templateUrl:'secondstate.html'
});
}
})();
<!doctype html>
<html ng-app="tryingApp">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.3.1/angular-ui-router.min.js"></script>
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<ui-view></ui-view>
<a ui-sref="me">click me!</a>
<a ui-sref="nome">no, click me!!</a>
</body>
</html>
除了上面的html和javascript文件之外,我还分别为firststate.html和secondstate.html提供了以下两个html文件:
firstate.html:
<h3>Yay, this is me!! first state</h3>
secondstate.html:
<h3>Yippee!! this is me, second state!!!</h3>
这些是我拥有的所有文件。
答案 0 :(得分:0)
我的代码在其他浏览器中运行但在Google Chrome中无效。我必须清除浏览数据和缓存以使其正常工作。其他一切都是正确的。
将此留给将来遇到此问题的人。