Fatal编程技术网
  • angularjs/
  • Angularjs ngroute不显示任何结果

Angularjs ngroute不显示任何结果

angularjs routing

Angularjs ngroute不显示任何结果,angularjs,routing,Angularjs,Routing,我正在学习和试验多视图和布线。因此，我编写了三个文件test.html、controllers.js和app.js。当我运行应用程序时，理想情况下，view1应该显示消息，view2应该显示日期时间。但它只是显示了两个选项卡，分别为视图1和视图2，并且没有显示消息和日期。我正在努力找出我做错了什么 我的test.html <!doctype html> <html lang="en" ng-app="myApp"> <head> <meta c

我正在学习和试验多视图和布线。因此，我编写了三个文件test.html、controllers.js和app.js。当我运行应用程序时，理想情况下，view1应该显示消息，view2应该显示日期时间。但它只是显示了两个选项卡，分别为视图1和视图2，并且没有显示消息和日期。我正在努力找出我做错了什么

我的test.html

<!doctype html>
 <html lang="en" ng-app="myApp">
 <head>  
 <meta charset="utf-8">  
 <title>AngularJS Routing</title>  
 <link rel="stylesheet" href="css/app.css"/> 
 </head> 
 <body>

  <ul class="menu"> 
  <li><a href="#/view1">view1</a></li>  
  <li><a href="#/view2">view2</a></li>  
  </ul>
  <div ng-view></div>
  <script src="lib/angular/angular.js"></script> 
  <script src="lib/angular/angular-route.js"></script> 
  <script src="js/app.js"></script> 
  <script src="js/controllers.js"></script>
  </body>
  </html>
my controllers.js

'use strict';
angular.module('myApp.controllers',[]).
controller('Controller1',function($scope){
    $scope.message="Hello, world";
}).controller('Controller2',function($scope){
    $scope.now=new Date();
});
请告诉我哪里做错了。

在app.js之前加载controller.js，因为模块myApp依赖于
myApp.controllers

  <script src="js/controllers.js"></script>
  <script src="js/app.js"></script>

不，我没有看到任何错误。不，我没有投反对票。它还在放映0@bhaskardas检查添加的演示 
  <script src="js/controllers.js"></script>
  <script src="js/app.js"></script>