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'、関数（$ routeProvider）{

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

}）。

Answer 1

$注入

myApp.config(routerConfig); 

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

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