angularjs ui-router不工作

时间:2016-05-21 20:41:32

标签: angularjs

我尝试使用ui-router插件进行角度调整,但它不起作用..

的index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body ng-app="tester">
<div ui-view> </div>
</body>
<!-- BEGIN CORE ANGULARJS PLUGINS -->
<script src="../assets/global/plugins/angularjs/angular.min.js" type="text/javascript"></script>
<script src="../assets/global/plugins/angularjs/plugins/angular-ui-router.min.js" type="text/javascript"></script>
<!-- END CORE ANGULARJS PLUGINS -->
<script src="app2.js" type="text/javascript"></script>
</html>

app.js

var tester= angular.module("GhibliUploader", [
"ui.router"]);
tester.config(['$stateProvider', '$urlRouterProvider',         function($stateProvider, $urlRouterProvider) {
    // Redirect any unmatched url
    $urlRouterProvider.otherwise("/dashboard");

    $stateProvider

    // Dashboard
      .state('dashboard', {
         // url: "./view/dashboard.html",
          template:"cciocicoicocicocicoioicoico"
    });
}]);

tester.run();

我总是一张空白页!但是我正确地看到了使用该路由的URL。

为什么它不起作用?如果我尝试使用本教程ui-router debug,我只有未定义的注入器。

1 个答案:

答案 0 :(得分:0)

在index.html中,您使用<body ng-app="tester">

但您将角度应用定义为GhibliUploader

尝试angular.module("tester", ["ui.router"]);