ui-路由器没有显示我的视图

Question

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:

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);

所以控制台日志显示 main.js 和应用程序，但视图中没有呈现任何内容。我希望看到 'home'

这个词

Answer 1

您打错了 （$urlRouteProvider 而不是 $urlRouterProvider）

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

我在 this working plunker

中修复了

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

检查Router在$urlRouterProvider

ui-路由器没有显示我的视图

ui-router is not showing my view

angularjs

angular-ui-router