角度路由器不工作

Question

角度路由器不工作

RTz*_*ong 2 javascript routing angularjs single-page-application angularjs-routing

我正在尝试为我的项目添加一些路由.我正在使用Angular 1.3.0的基本角度路线

app.js文件:

'use strict';
var routerApp = angular.module('mcw', [
  'ngRoute',
  'mcw.controllers', 
  'directives',
  'filters',
  'mcw.services']);
routerApp.config(function ($routeProvider) {
  $routeProvider
  .when('/', {templateUrl: 'index.html', controller: 'LoginController'})
  .when('/Home', {templateUrl: 'templates/home.html', controller: 'ResourcesController'})
  .otherwise({redirectTo: '/'});
});

Run Code Online (Sandbox Code Playgroud)

index.html文件:

<!DOCTYPE html>
<html lang="en" ng-app="mcw">
    <head>
        <meta charset="utf-8">
        <title>title spec</title>

        <script src="js/angular1.3.0/angular.js"></script>
        <script src="js/angular1.3.0/angular-route.js"></script>
        <script src="js/angular1.3.0/angular-animate.js"></script>
        <script src="js/app.js"></script>
        <script src="js/commonFunc.js"></script>
        <script src="js/controllers.js"></script>
        <script src="js/directives.js"></script>
        <script src="js/filters.js"></script>
        <script src="js/server.js"></script>
        <script src="js/services.js"></script>
    </head>
    <body>  
    </body>
</html>

Run Code Online (Sandbox Code Playgroud)

我使用'python -m http.server'(Python 3.4.3)作为服务器,网址为"127.0.0.1:8000/","127.0.0.1:8000/index.html","127.0.0.1: 8000/index.html#/ Home"全部转到index.html页面.

Answer 1

Pan*_*kar 5

您错过ng-view了页面上的指令,该指令从中加载视图,$routeProvider并且template指定的指令controller将加载到ng-view元素中.

将它添加到体内

<body>
  <ng-view></ng-view>
</body>

Run Code Online (Sandbox Code Playgroud)

归档时间：	10 年，5 月前
查看次数：	103 次
最近记录：	10 年，5 月前