Angularjs ui路由器未显示我的视图_Angularjs_Angular Ui Router

Angularjs ui路由器未显示我的视图

angularjs

Angularjs ui路由器未显示我的视图,angularjs,angular-ui-router,Angularjs,Angular Ui Router,index.html： <!doctype html> <html ng-app ng-csp> <head> <meta charset="UTF-8"> <title>Presently</title> <link rel="stylesheet" href="app/styles/angular-csp.css"> <!--<link rel="stylesh

index.html：

<!doctype html>
<html ng-app ng-csp>
  <head>
    <meta charset="UTF-8">
    <title>Presently</title>
    <link rel="stylesheet" href="app/styles/angular-csp.css">
    <!--<link rel="stylesheet" href="css/main.css">-->

    <script src="assets/dependencies/angular/angular.min.js"></script>
    <script src="assets/dependencies/angular-ui-router/release/angular-ui-router.js"></script>

    <script src="main.js"></script>

    <script src="app/states/home/home.controller.js"></script>
    <script src="app/states/home/favs/fav.controller.js"></script>
  </head>
  <body>
    hello {{'foo'.length}}

    <div ui-view></div>
  </body>
</html>

因此控制台日志显示了

main.js

和应用程序，但视图中没有呈现任何内容。我希望看到单词“home”

您输入了一个拼写错误（

$urlRouteProvider

而不是

$urlRouteProvider

）

我把它修好了

在

$urlRouterProvider

中检查路由器
从未将模板用作这样的字符串，只有templateUrl=“/path/to/template.html…”如果切换到它，它是否工作？（即至少向templateUrl发出get请求？）使用哪个版本的angular u r？很好，我们制作了它。享受令人敬畏的UI路由器先生；）

console.log('main.js');

var myApp = angular.module('myApp', ['ui.router'])
.config(['$stateProvider', '$urlRouteProvider'
  , function($stateProvider, $urlRouterProvider) {
  $urlRouterProvider.otherwise("/");

  $stateProvider
    .state('state1', {
      url: "/",
      template: "home"
    });
}]);

console.log(myApp);

.config(['$stateProvider', '$urlRouteProvider'
, function($stateProvider, $urlRouterProvider) {

.config(['$stateProvider', '$urlRouterProvider'
, function($stateProvider, $urlRouterProvider) {