AngularJS：$ routeProvider无法正常工作

Question

I'm new at javascript and angularJS and I have a little problem configuring my $routeProvider. 我是javascript和angularJS的新手，在配置$ routeProvider时遇到一些问题。 It does not display anything at all. 它根本不显示任何内容。 Here is my code : 这是我的代码：

var route = angular.module('app', []);

route.config(['$routeProvider', function($routeProvider) {
    $routeProvider
        .when('/home', {templateUrl: 'partials/home.html'})
        .when('/about', {templateUrl: 'partials/about.html'})
        .otherwise({redirectTo: '/home'})
}]);
var ap = angular.module('app', ['snap']);

ap.controller('MainCtrl', function($scope) {
    $scope.opts = {
        disable: 'right'
    };
});

and the HTML : 和HTML：

<!DOCTYPE html>
<html ng-app="app">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, target-densitydpi=device-dpi" />
        <title>Test</title>
        <link rel="stylesheet" type="text/css" href="css/style.css" />
        <link rel="stylesheet" type="text/css" href="css/angular-snap.css" />


        <script src="js/angular-1.2.4.min.js" type="text/javascript"></script>
        <script src="js/snap.js" type="text/javascript"></script>
        <script src="js/angular-snap.js" type="text/javascript"></script>
        <script src="js/app.js" type="text/javascript"></script>
    </head>

    <body ng-controller="MainCtrl">

        <nav snap-drawer class="nav">
            <a href="#home">Home</a>
            <a href="#about">About us</a>
        </nav>

        <snap-content snap-options="opts"> 

            <header class="header">
                <button snap-toggle>
                    <img src="img/icon-menu.png" width="60px" />
                </button>
                Test
            </header>

            <div ng-view>
            </div>

        </snap-content>



        <script src="cordova.js" type="text/javascript"></script>
        <script type="text/javascript">
            app.initialize();
        </script>
    </body>
</html>

The snap element for the left panel is working just fine but when I want to add the routeProvider it does not display what I have in partial/home.html (which is just a paragraph at the moment). 左侧面板的snap元素工作正常，但是当我想添加routeProvider时，它不会显示我在partial / home.html（目前只是一个段落）中的内容。

Answer 1

不要忘记注入ngRoute模块。

var route = angular.module('app', ['ngRoute']);

Answer 2

You need to include the ngRoute module (and the angular-route.js) in order for $routeProvider to work. 您需要包括ngRoute模块（和angular-route.js），以便$ routeProvider起作用。 This was split up a while ago: 这是前一段时间拆分的：

AngularJS $routeProvider docs AngularJS $ routeProvider文档

AngularJS：$ routeProvider无法正常工作

问题描述

2 个解决方案

解决方案1
1 2014-03-19 10:17:42

解决方案2
0 已采纳 2014-03-19 10:15:59

AngularJS：$ routeProvider无法正常工作

问题描述

2 个解决方案

解决方案1 1 2014-03-19 10:17:42

解决方案2 0 已采纳 2014-03-19 10:15:59

解决方案1
1 2014-03-19 10:17:42

解决方案2
0 已采纳 2014-03-19 10:15:59