Question

很抱歉，如果我遗漏了一些显而易见的东西，对Angular来说很新。

我正在此页面上运行应用程序：//hosted.demo.ca/md/SitePages/Home.aspx 我正在尝试在应用程序上设置路由，但页面只是在控制台中呈现空白而没有错误。

routeProvider：

var spApp = angular.module('spApp', [])
    .config(function($routeProvider){
        $routeProvider.when('/userView', 
        {
            templateUrl: 'partials/userView.html', 
            controller: 'userCtrl'
        })
    });

和我的html一样：

<div id="mdContainer" ng-cloak>
        <!-- Navigation --> 
        <div id='mdSidebar'>
            <ul>
               <li id="menuHome"><a href='#'><span>Home</span></a></li>
               <li id="menuUsers"><a href='#/userView'><span>Users</span></a></li>
               <li id="menuGroups"><a href='#'><span>Groups</span></a></li>
               <li id="menuSites"><a href='#'><span>Sites</span></a></li>
               <li id="menuReports"><a href='#'><span>Reports</span></a></li>
            </ul>
        </div>

        <!-- Main view --> 
        <ng-view></ng-view>
    </div>

Answer 1

您是否添加了路线模块？请尝试使用类似的东西：

var spApp = angular.module('spApp', ['ngRoute'])

有关详细信息，请参阅here。在较新版本的Angular中，路径功能被移动到一个单独的模块中。

此外，我可以从个人经验告诉您，很容易忘记使用以下内容将angular-route.js文件添加到您的html文件中：

<script src="path/to/angular-route.js">

如果你使用凉亭，你可以轻松地设置它：

bower install angular-route

不在站点根目录时使用routeProvider

1 个答案: