asp.net-mvc - .NET MVC 和 Angular 与 ui-router

Question

我有一个场景，我使用 .NET MVC 提供初始页面“index.cshtml”，然后提供运行单页应用程序所需的所有 Angular 组件。
对于路由，我正在使用 Angular-UI 团队的优秀 ui-router 组件，并且在大多数情况下它运行良好。

我的问题是第一页加载。浏览该站点时，它不会转到第一个状态/网址。它只是加载我的“外壳”，没有任何内容。我的应用配置代码如下所示:

app.config(function ($stateProvider, $urlRouterProvider) {
    $urlRouterProvider.otherwise('/home');
    $stateProvider
        .state('home', {
            url: "/home",
            views: {
                "content": {
                    templateUrl: "app/dashboard/dashboard.html",
                    controller: 'DashboardController'
                },
                "subNav": {}
            },
        });

如果我单击导航(由 ui-sref 属性生成)，一切正常。这只是第一页加载。
我的第一个想法是 .NET MVC 路由以某种方式阻止了第一个请求，所以我认为我已经通过将默认路由更改为以下内容来禁用它:

        routes.MapRoute(
            name: "Default",
            url: "{*url}",
            defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional }
        );

但我不能确定这是否完成了我想要它做的事情。它当然没有解决我的问题。

有任何想法吗？

Answer 1

你的 Angular 代码对我来说看起来不错。我的项目中有完全相同的代码，当我点击 / 时我被重定向到 /home .

由于 ASP.Net MVC 路由器，可能无法访问模板 url。

其他提示:

确保当您在 /home 上刷新页面时它工作正常

确保添加 DashboardController给你我们的app模块。

手动打app/dashboard/dashboard.html检查您是否可以获得模板。