md-nav-bar中的角度路由

Question

我的html页面存储在partials子文件夹下的wwwroot文件夹中。我想加载这些html文件（在partials文件夹中）并使用ngRoute在index.cshtml（位于Views文件夹中）中查看它。

这是我的index.cshtml代码（注意：我正在构建一个.Net Core Web App）。

<div ng-app="myapp" ng-cloak ng-controller="indexController">
<div class="md-padding">
    <md-nav-bar aria-label="navmenu">
        <md-nav-item md-nav-href="#main" name="main">
            Main
        </md-nav-item>
        <md-nav-item md-nav-href="#other1" name="other1">
            Other1
        </md-nav-item>
        <md-nav-item md-nav-href="#other2" name="other2">
            Other2
        </md-nav-item>
    </md-nav-bar>
</div>
<div ng-view></div> 

这是我的剧本

var myapp = angular.module('myapp', ['ngMaterial', 'ngRoute', 'ngAria']);

 myapp.config(function ($routeProvider) {
    $routeProvider
        .when('/', {
            templateUrl: '/partials/main.html',
            controller: 'MainCtrl'
        })
        .when('/other1', {
            templateUrl: '/partials/other1.html',
            controller: 'other1Ctrl'
        })
        .when('/other2', {
            templateUrl: '/partials/other2.html',
            controller: 'other2Ctrl'
        });
});
myapp.controller('indexController', function ($scope) {
    $scope.message = "Index Controller"
});

myapp.controller('MainCtrl', function ($scope) {
    $scope.message = "Main"
});

myapp.controller('other1Ctrl', function ($scope) {
    $scope.message = "other 1"
});

myapp.controller('other2Ctrl', function ($scope) {
    $scope.message = "other 2"
});

我的问题是，other1和other2 html文件没有加载，它只是在ng-view中加载我的主文件。