加载视图而不刷新页面

时间:2016-05-28 07:47:02

标签: angularjs angular-ui-router subdomain pushstate states

我正在使用angular-ui-router运行angular 1.5 spa应用程序,我在用户点击链接时加载状态。我的应用程序有子域名,如subdomain.domain.com。我想要的是在子域之间加载状态。就像我在州子域 1 .domain.com / view / view1并且必须转到子域 2 .domain.com / view / view2一样,是否可以加载状态的可能性,而无需重新加载整个角应用程序。我看到类似于$ window.history.pushState的内容,但这不适用于子域。所有不同的子域使用相同的角度代码,意味着所有子域都指向同一服务器(通过AWS管理)

1 个答案:

答案 0 :(得分:0)

我认为它与angularjs没有关系,当你去subdomain2.domain.com时,你要去一个完全不同的网络域,它与去www.google.com没有什么不同,因此,角度可以将其视为同一域中的子页面导航。

我认为使用templateUrl可以实现类似的效果,只需将您需要的视图模板放在第二个域地址上,如:

angular.module('myApp', ['ngRoute'])

.config(function($routeProvider){
  $routeProvider.when("/something",
    {
      templateUrl: "http://subdomain1.domain.com/view/view1.html",
      controller: "AppCtrl1"
    }   
  ).when("/somethingElse", 
    {
      templateUrl: "http://subdomain2.domain.com/view/view2.html",
      controller: "AppCtrl2"
    };
})

但主应用程序仍然驻留在同一个域中。