角度路由不加载模板

时间:2014-06-03 12:32:13

标签: angularjs

我正在使用asp mvc 4和angular js。

当应用程序加载(课程/索引)时,这是我的html:

<div class="container" ng-app="appModule">
        <div class="row">
            <div class="navbar navbar-default">
                <div class="navbar-collapse collapse">
                    <ul class="nav navbar-nav">
                        <li><a href="/Course/List">Course Managment</a></li>
                        <li><a href="/Course/Assignment">Course Assignment</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <ng-view></ng-view>
    </div>

这是我的appModule:

angular.module("appModule", ["ngRoute", "CoursesListCtrl", "repositoryBaseFactory"])
    .config(["$routeProvider", "$locationProvider", function ($routeProvider, $locationProvider) {
        $routeProvider
           .when("/Course/List", {
               templateUrl: "templates/coursesList.html",
               caseInsensitiveMatch: true
           });
    }]);

点击Course Managment链接时,我希望加载coursesList.html。相反,框架试图进入服务器并找到操作List并返回错误。

我在这里缺少什么?

1 个答案:

答案 0 :(得分:0)

试试这个

<a ng-href="#/Course/List">Course Managment</a>