javascript - AngularJs Url 发生变化，但使用 ui-router 加载旧 View

Question

我正在使用 ui-router 并且我有这样的设置

在 app.js 中我有以下内容

 $stateProvider
      .state('TechReadiness', {
          url: "/Dashboard/TechReadiness",
          templateUrl: "/partials/TechnicalReadinessReport.aspx"
      })
    .state('TechReadiness.details', {
        url: "/ReadinessDetails/:a/:b",
        templateUrl: function ($stateParams) {
            return "/partials/TechReadinessDetails.aspx?b=" + $stateParams.b + '&a=' + $stateParams.a;
        }
    })

有一个页面，在该页面上我正在创建如下所示的链接

$("#Chart5ImageMap area").each(function () {
                var vHref = $(this).attr('href');
                var arg1 = vHref.substring(vHref.indexOf("'") + 1, vHref.indexOf(",") - 1);
                var arg2 = vHref.substring(vHref.indexOf(",") + 2, vHref.lastIndexOf("'"));
                var a = arg2.split(',');
                $(this).attr('href', '#/Dashboard/TechReadiness/ReadinessDetails/' + a[0] +'/'+a[1]);
            });

这会将所有点击回发事件(asp.net 图表控件)更改为简单链接。现在的问题是，每当我单击链接时，网址都会正确更新，但相应的 View 不会加载。

例如:如果我点击链接a=参数1,b=参数2

网址变为http://localhost:63893/#/Dashboard/TechReadiness/ReadinessDetails/parameter1/parameter2

因此加载正确的 View

但是当我点击链接时

a=参数2,b=参数2

网址更改为http://localhost:63893/#/Dashboard/TechReadiness/ReadinessDetails/parameter2/parameter2

但是 View 中的内容不会改变

Answer 1

当您已处于“Tech Readiness.details”状态时， View templateUrl 将不会重新加载。您应该将参数设置为 Controller 但查看模板。