ngroute没有显示任何结果

时间:2018-01-19 09:57:49

标签: angularjs routing

我正在学习并尝试多种视图和路由。出于这个原因,我写了三个文件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>

我的app.js

'use strict';
angular.module('myApp',['myApp.controllers','ngRoute']);
angular.module('myApp').config(function($routeProvider){
    $routeProvider.when('/view1',{
        controller: 'Controller1',
        templateUrl: 'partials/view1.html'
    }).when('/view2',{
        controller: 'Controller2',
        templateUrl: 'partials/view2.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();
});

请让我知道我在哪里做错了。

1 个答案:

答案 0 :(得分:1)

在app.js之前加载您的controller.js,因为模块 myApp 取决于 # extracting your sample df %>% filter(in_sample==1) # comparing statistics of your sample against the rest of the population df %>% group_by(year,in_sample) %>% summarize(mean(id))

myApp.controllers

<强> DEMO