Javascript 不在站点根目录下使用routeProvider

抱歉，如果我遗漏了一些明显的，对我来说非常新的东西

我正在这个页面上运行一个应用程序：://hosted.demo.ca/md/SitePages/Home.aspx 我试图在应用程序上设置路由，但该页面只是呈现为空白，控制台中没有错误

路由提供者：

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>

是否添加了路线模块？请尝试使用以下方法：

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

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

有关此操作的更多信息，请参阅。在较新版本的Angular中，路由功能被移动到单独的模块中

另外，根据个人经验，我可以告诉您，很容易忘记使用以下方法将angular-route.js文件添加到html文件中：

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

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

---

您添加了路线模块了吗？请尝试使用以下方法：

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

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

有关此操作的更多信息，请参阅。在较新版本的Angular中，路由功能被移动到单独的模块中

另外，根据个人经验，我可以告诉您，很容易忘记使用以下方法将angular-route.js文件添加到html文件中：

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

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

---

您添加了路线模块了吗？请尝试使用以下方法：

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

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

有关此操作的更多信息，请参阅。在较新版本的Angular中，路由功能被移动到单独的模块中

另外，根据个人经验，我可以告诉您，很容易忘记使用以下方法将angular-route.js文件添加到html文件中：

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

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

---

您添加了路线模块了吗？请尝试使用以下方法：

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

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

有关此操作的更多信息，请参阅。在较新版本的Angular中，路由功能被移动到单独的模块中

另外，根据个人经验，我可以告诉您，很容易忘记使用以下方法将angular-route.js文件添加到html文件中：

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

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

---

---

因为您的位置与路由设置的位置不匹配。但是当单击用户按钮时，应该调用用户视图，但是，容器根本不会加载。从链接中删除#，我相信ngapp容器内的所有链接，所以我认为你不需要在前面放#。我把#移走了，但那没用。这和NG斗篷有关。我是否应该将其从容器中删除并放在部分中？因为您的位置与路线设置的位置不匹配。但是，当单击用户按钮时，应调用用户视图，但是，容器根本不会加载。从链接中删除#，我相信所有链接都在ngapp容器内，所以我不认为您需要前面的#。我移除了#，但这没有任何作用。这和NG斗篷有关。我是否应该将其从容器中删除并放在部分中？因为您的位置与路线设置的位置不匹配。但是，当单击用户按钮时，应调用用户视图，但是，容器根本不会加载。从链接中删除#，我相信所有链接都在ngapp容器内，所以我不认为您需要前面的#。我移除了#，但这没有任何作用。这和NG斗篷有关。我是否应该将其从容器中删除并放在部分中？因为您的位置与路线设置的位置不匹配。但是，当单击用户按钮时，应调用用户视图，但是，容器根本不会加载。从链接中删除#，我相信所有链接都在ngapp容器内，所以我不认为您需要前面的#。我移除了#，但这没有任何作用。这和NG斗篷有关。我是不是应该把它从容器里拿出来放在零件里？哦，我明白了。是的，因为我正在看pluralsight教程，而他们没有这样做。我会试着这样做，看看是否有效。谢谢。@Batman，你用的是哪个版本？由于路由提供程序是与angular的其余部分一起编译的，所以旧的路由提供程序的工作方式与您的相同。然后，是的，您需要按照snapshot的说明添加ngroute js文件，并更改代码以添加到调用的ngroute中。关于您关于遗忘的评论，感谢提醒。我使用的是LABs脚本加载器，因此添加这些文件更容易，而且没有控制台错误。我永远不会知道。哦，我明白了。是的，因为我正在看pluralsight教程，而他们没有这样做。我会试着这样做，看看是否有效。谢谢。@Batman，你用的是哪个版本？由于路由提供程序是与angular的其余部分一起编译的，所以旧的路由提供程序的工作方式与您的相同。然后，是的，您需要按照snapshot的说明添加ngroute js文件，并更改代码以添加到调用的ngroute中。关于您关于遗忘的评论，感谢提醒。我使用的是LABs脚本加载器，因此添加这些文件更容易，而且没有控制台错误。我永远不会知道。哦，我明白了。是的，因为我正在看pluralsight教程，而他们没有这样做。我会试着这样做，看看是否有效。谢谢。@Batman，你用的是哪个版本？由于路由提供程序是与angular的其余部分一起编译的，所以旧的路由提供程序的工作方式与您的相同。然后，是的，您需要按照snapshot的说明添加ngroute js文件，并更改代码以添加到调用的ngroute中。关于您关于遗忘的评论，感谢提醒。我使用的是LABs脚本加载器，因此添加这些文件更容易，而且没有控制台错误。我永远不会知道。哦，我明白了。是的，因为我正在看pluralsight教程，而他们没有这样做。我会试着这样做，看看是否有效。Th