javascript - AngularJS 路由功能不起作用

标签 javascript angularjs routes

我的 Angular 路由功能无法正常工作 - 有页面加载,但没有“home.html”文件。这是我的代码:

索引.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

(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");
}

最佳答案

Angular $providers 仅在配置状态下工作。 例如:

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

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

};

关于javascript - AngularJS 路由功能不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36899769/

相关文章:

CakePHP - 如何使用自定义参数创建路由?

ruby-on-rails - Ruby On Rails - 路由错误 - 没有路由匹配 { :action= >"show", :controller= >"trips"}

javascript - 在每个 <img> 之前添加元素 <a>

javascript - 如何修复显示/隐藏子菜单的错误?

javascript - 如何获取 HTML 元素的背景颜色?

javascript - 为什么我的场景在 ThreeJS 中调用 OrbitControl 之前都是黑色的?

javascript - 在 Angular JS 中使用 $watch 设置监听器

html - 将 Angular 2 (click) 属性全局添加到 CSS

javascript - ngAnimateSwap - 使用 bool 表达式不会按预期进行动画处理

asp.net-mvc - ASP.NET MVC,URL 路由 : Maximum Path (URL) Length