我是angularJs的新手,并试图编写一个简单的涉及状态的程序。我正在使用 ui 路由器库。
在浏览器中运行我的程序时显示以下错误:未捕获的错误: [$injector:模块rr]
这是我的代码:
(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 文件之外,我还有以下两个 html 文件分别用于 firststate.html 和 secondstate.html:
首先.html:
<h3>Yay, this is me!! first state</h3>
第二状态.html:
<h3>Yippee!! this is me, second state!!!</h3>
这些是我拥有的所有文件。
我的代码可以在其他浏览器中工作,但在谷歌浏览器中不起作用。我必须清除浏览数据和缓存才能使其正常工作。其他一切都是正确的。
把这个留给将来遇到这个问题的人。