AngularJS：$ routeProvider無法正常工作

Question

我是javascript和angularJS的新手，在配置$ routeProvider時遇到一些問題。 它根本不顯示任何內容。 這是我的代碼：

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'
    };
});

和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>

左側面板的snap元素工作正常，但是當我想添加routeProvider時，它不會顯示我在partial / home.html（目前只是一個段落）中的內容。

Answer 1

不要忘記注入ngRoute模塊。

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

Answer 2

您需要包括ngRoute模塊（和angular-route.js），以便$ routeProvider起作用。 這是前一段時間拆分的：

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