Javascript 无法通过ng路由加载视图，没有错误虽然没有错误，但未渲染视图。_Javascript_Angularjs

Javascript 无法通过ng路由加载视图，没有错误虽然没有错误，但未渲染视图。

javascript angularjs

Javascript 无法通过ng路由加载视图，没有错误虽然没有错误，但未渲染视图。,javascript,angularjs,Javascript,Angularjs,我已经在头部添加了Angle-route.js文件。下面提到的Angle-route.js代码存在于angroute.js文件中。html代码写在index.html文件中。我已经在视图文件夹中创建了两个html文件，分别名为1>course.html和2>student.html 我不知道为什么，但url链接似乎是这样的- 试验身体{ 边际：0px；填充：0px； } .菜单{ 背景色：#26292c；颜色：浅绿色；浮动：左；宽度：20%；高度：650px； } .详情{ 背景

我已经在头部添加了Angle-route.js文件。下面提到的Angle-route.js代码存在于angroute.js文件中。html代码写在index.html文件中。我已经在视图文件夹中创建了两个html文件，分别名为1>course.html和2>student.html 我不知道为什么，但url链接似乎是这样的-


试验
身体{
边际：0px；
填充：0px；
}
.菜单{
背景色：#26292c；
颜色：浅绿色；
浮动：左；
宽度：20%；
高度：650px；
}
.详情{
背景色：深蓝色；
浮动：对；
宽度：80%；
高度：650px
}
梅因先生{
显示：块；
}


var myap=angular.module（“module”，['ngRoute']）；
myap.config（函数（$routeProvider）{
$routeProvider.when（“/course”{
templateUrl:“view/course.html”，
控制器：“coursecontroller”
})
.when（“/student”{
templateUrl:“视图/student.html”，
控制员：“学生控制员”
}).否则({
重定向到：'/index.html'
}) 
}).controller（“coursecontroller”，函数（$scope）{
$scope.heading=“课程页面”；
})
.控制器（“学生控制器”，功能（$scope）{
$scope.heading=“学生页面”；
})
myap.controller（“嘿”，函数（$scope）{
$scope.heading=“hi”；
})

尝试添加$locationProvider.hashPrefix（“”）；将您的模块名重命名为其他名称，并将您的ng controller=“嘿”放在主体上tag@Vivz它仍然不工作。您在控制台中遇到任何错误吗？您是否在配置中注入了$locationProvider？@Vivz否我没有收到任何错误。我已经注入了$locationProvider您收到了什么错误？请尝试添加$locationProvider.hashPrefix（“”）；将您的模块名重命名为其他名称，并将您的ng controller=“嘿”放在主体上tag@Vivz它仍然不工作。您在控制台中遇到任何错误吗？你在配置中注入了$locationProvider吗？@Vivz没有，我没有收到任何错误。我已经注入了$locationProvider，你收到了什么错误？

    <!DOCTYPE html>
     <html lang="en" ng-app="module">
     <head>
    <meta charset="UTF-8">
    <title>Test</title>
    <script src="angular-1.6.5/angular.js" type="text/javascript">
    </script>
    <script src="angular-1.6.5/angular-route.js" type="text/javascript">
    </script>
    <script src="angroute.js" type="text/javascript"></script>
    <style type="text/css">
        body{
            margin: 0px;
            padding: 0px;

        }
        .menu{
            background-color: #26292c;
             color: aqua;
            float: left;
            width: 20%;
            height: 650px;

        }
        .details{
            background-color: bisque;
            float: right;
            width: 80%;
            height: 650px
        }
        .main{
            display:block;
        }
    </style>
    </head>

    <body>
    <div class="main">
    <div class="menu" ng-controller="hey">
    <ol>
            <li><a href="#/course">Course</a></li>
            <li> <a href="#/student">Student</a></li>


        </ol>
    </div>
    <div class="details">
    <ng-view></ng-view>

    </div>
   </div>
     </body>
   </html>



  var myap=angular.module("module",['ngRoute']);
  myap.config(function($routeProvider){
  $routeProvider.when("/course",{
       templateUrl:"view/course.html",
       controller:"coursecontroller"
   })
    .when("/student",{
       templateUrl:"view/student.html",
       controller:"studentcontroller"
   }) .otherwise({
            redirectTo: '/index.html'
        }) 

   }).controller("coursecontroller",function($scope){
    $scope.heading="Course page";
   })
   .controller("studentcontroller",function($scope){
    $scope.heading="student Page";
   })

   myap.controller("hey",function($scope){
    $scope.heading="hi";
   })