在stateprovider angularJS中有问题。得到了$ injector错误

时间:2015-05-26 07:40:58

标签: angularjs angular-ui-router

我在使用angularJS制作app时面临一些问题 - stateProvider。

未捕获错误:[$ injector:modulerr]

是的,我正在研究CI框架。

这是我的代码:

的index.php

<html lang="en" data-ng-app="myApp">
<head></head>
<body>
<div data-ui-view=""></div>
</body>
<script 
  src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"
></script>
<script 
  src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular-route.min.js"
></script>
<script src="/js/app.js"></script>
</html>

app.js

"use strict";
var myApp = angular.module("myApp", ['ui.router']);
myApp.config(function ($stateProvider, $urlRouterProvider) {
     $urlRouterProvider.when("", "/home");
     $stateProvider
        .state("home", {
            url: "/home",
            templateUrl: 'home/main'
        })

});

1 个答案:

答案 0 :(得分:1)

a working plunker

您必须参考UI-Router代码:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
// this is not path to UI-Router
<!--<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular-route.min.js"></script>-->
<script 
    src="//rawgit.com/angular-ui/ui-router/0.2.15/release/angular-ui-router.js"></script>

(我们不需要角度路由器,但需要UI-Router)

一旦UI-Router发挥作用,

Check here您的代码将会正常运行

相关问题