AngularJs - ng-view不起作用

Question

ng-view指令不起作用。我在上看到的只有"Page“的标题。有什么问题吗？

https://jsfiddle.net/dsgfdyp1/3/

​

​

​

  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-route.js"></script>
  <script type="text/javascript" src="./scripts/app.js"></script>

​

​

页面

<div ng-view>  </div>

​

​

var myApp = angular.module('myApp'，'ngRoute')；

App.config(‘路由提供者’，函数($routeProvider){

$routeProvider
.when("/", {templateUrl : "/home"});

})；

Answer 1

从myApp.config('routeProvider', function($routeProvider)中删除routeProvider

如下所示

var myApp = angular.module("myApp", ["ngRoute"]);

myApp.config(function($routeProvider) {
    $routeProvider
    .when("/", {templateUrl : "/templates/main.htm"});
  });

基于$inject的解决方案

myApp.config(routerConfig);

routerConfig.$inject =["$routeProvider"];

function routerConfig($routeProvider){
        $routeProvider
        .when("/", {templateUrl : "/templates/main.htm"});
      }