javascript - AngularJs - ng-view 不起作用

Question

ng-view 指令不起作用。我看到的只是“页面”标题。有什么问题吗？

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', function($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"});
      }