Angularjs 在webapi应用程序中使用角度路由

Angularjs 在webapi应用程序中使用角度路由,angularjs,asp.net-web-api,ngroute,angularjs-ng-route,Angularjs,Asp.net Web Api,Ngroute,Angularjs Ng Route,我不确定如何在web api应用程序中实现正确的角度路由。我能够使用这种方法打开页面: 角度控制器加载良好,所有功能都是从角度侧进行的 现在,我希望能够在更好的视图中打开视图,使用ng route,例如将成为 我在angular应用程序中使用的html文件中包含了ng-route.js文件 同样在app.js中,我有以下内容: 'use strict'; var modules = [ 'app.controllers', 'LoanAdminApplicationContro

我不确定如何在web api应用程序中实现正确的角度路由。我能够使用这种方法打开页面:

角度控制器加载良好,所有功能都是从角度侧进行的

现在,我希望能够在更好的视图中打开视图,使用ng route,例如将成为

我在angular应用程序中使用的html文件中包含了ng-route.js文件

同样在app.js中,我有以下内容:

'use strict';

var modules = [
    'app.controllers',
    'LoanAdminApplicationController',
    'ngCookies',
    'ngResource',
    'ngSanitize',
    'ngRoute',
    'ui.router',
    'LocalStorageModule',
    'angular-loading-bar'
];

var app = angular.module('app', modules);


app.config(function ($routeProvider, $locationProvider) {
    $locationProvider.html5Mode(true);
    $routeProvider.when("/home", {
        controller: "homeController",
        templateUrl: "/app/views/home.html"
    });

    $routeProvider.when("/login", {
        controller: "loginController",
        templateUrl: "/HTML/login.html"
    });

    $routeProvider.when("/signup", {
        controller: "signupController",
        templateUrl: "/app/views/signup.html"
    });

    $routeProvider.when("/register", {
        controller: "signupController",
        templateUrl: "/app/views/register.html"
    });

    $routeProvider.when("/refresh", {
        controller: "refreshController",
        templateUrl: "/app/views/refresh.html"
    });

    $routeProvider.when("/tokens", {
        controller: "tokensManagerController",
        templateUrl: "/app/views/tokens.html"
    });

    $routeProvider.when("/borrower", {
        controller: "borrowerController",
        templateUrl: "/HTML/app/borrower.html"
    });

    $routeProvider.otherwise({ redirectTo: "/home" });

});
html标记(我删除了内容):


你知道我需要做什么才能让这一切顺利吗


我应该修改RouteConfig.cs文件还是还需要做其他事情

您不使用文件名进行导航,例如,这是要执行的角度路由任务

  $routeProvider.when("/borrower", {
        controller: "borrowerController",
        templateUrl: "/HTML/app/borrower.html"
    });
当您转到
localhost:8080/yourapp/follower

在index.html中需要
ng视图

像这样

<div ng-view></div>

您的页面将显示在这里

路由器将显示您正在请求借款人,它将带您到
/HTML/app/borrower.HTML

您使用的是html五模式,这意味着您需要服务器端路由,以便它每次都可以降到index.html,这样您的
url
就可以没有散列。

您的应用程序在路由中有什么错误?没有显示错误,我可以分享teamviewer,如果你想我认为你点击菜单,但它不是正确的路线我在html文件中根本没有使用ng视图,这是必需的吗@SinghPlease在您的索引html中包含ng视图,这是必需的。您是否有几分钟的时间用于teamviewer?谢谢你的回答710045275/5630
<div ng-view></div>