AngularJs ui-router state.templateUrl

Question

我有一个带有区域的 MVC 5 应用程序，我正在尝试在我的一个区域内为 AngularJs 使用 ui-router，但我注意到 templateUrl 是错误的。它正在尝试使用相对路径，但由于我使用的是 MVC 路由和区域，因此模板的路径不正确。

我的区域控制器操作的 url 是 localhost:3789/Admin/UserManager 。 实际路径是 /Areas/Admin/Scripts/app/usermanager/partials/userlist.html 。

angular.module("bsAdmin.userManager", ["ngResource", "ui.router", "ui.bootstrap", "bsPromiseTracker", "bsBusy", "angular-growl", "ngAnimate"])
.config(function ($stateProvider, $urlRouterProvider) {

// default state
$urlRouterProvider.otherwise("/userlist");

$stateProvider
    .state('userlist', {
        url: "/userlist",
        templateUrl: "partials/userlist.html"
    });

});

Angular ui-router 尝试使用 localhost:3789/Admin/partials/userlist.html 加载部分模板

我可以使用哪些技术，以便脚本使用正确的 url 来加载部分？

Answer 1

如果您的 Angular javascript 在您的 .cshtml 文件中，您可以使用 ASP.NET MVC URL 帮助器来构建 URL。

$stateProvider
    .state('userlist', {
        url: "/userlist",
        templateUrl: "@Url.Content("~partials/userlist.html")"
    });

});