AngularJS路由功能不起作用

Question

My Angular Routing Function is not working - There is a page load, but without the 'home.html' file. 我的角路由功能不起作用-有页面加载，但是没有'home.html'文件。 This is my code: 这是我的代码：

Index.html Index.html

<html  ng-app="App" class="no-js" lang="en" >
<head>
    <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.min.js"></script>
    <script src="app.js"></script>    
  </head>

  <body ng-cloak> 
  <div ng-controller="main">
      <div ng-view></div>
    </div>
  </body>
</html>

app.js app.js

(function () {
'use strict';

angular
    .module('App', ['ngRoute']) 
    .controller('$routeProvider', router)
    .controller('main', main);

function router($routeProvider) {

    $routeProvider.
          when('/', {
            templateUrl: '_pages/home.html',
            controller: 'main'
          });

};
function main ($scope) {
console.log("done");
}

Answer 1

The route configuration is done in config and not controller. 路由配置是在config中而不是在控制器中完成的。 Change your code as below: 如下更改代码：

(function () {
  'use strict';

   angular
    .module('App', ['ngRoute']) 
    .config(router)
    .controller('main', main);

  function router($routeProvider) {

    $routeProvider.
      when('/', {
        templateUrl: '_pages/home.html',
        controller: 'main'
      });

  };

  function main ($scope) {
    console.log("done");
  }
});

Answer 2

Angular $providers working just in config state. Angular $ providers仅在配置状态下工作。 Eg: 例如：

angular
.module('App', ['ngRoute']) 
.config(['$routeProvider', router]);
function router($routeProvider) {

    $routeProvider.
      when('/', {
        templateUrl: '_pages/home.html',
        controller: 'main'
      });

};

AngularJS路由功能不起作用

问题描述

2 个解决方案

解决方案1
3 2016-04-27 20:21:29

解决方案2
3 已采纳 2016-04-27 20:22:58

AngularJS路由功能不起作用

问题描述

2 个解决方案

解决方案1 3 2016-04-27 20:21:29

解决方案2 3 已采纳 2016-04-27 20:22:58

解决方案1
3 2016-04-27 20:21:29

解决方案2
3 已采纳 2016-04-27 20:22:58