javascript - 使用 AngularJS 按子域动态路由

Question

如何根据子域覆盖模板 URL？

我所有的子域都指向同一个文档根目录。

基本域: example.com

$routeProvider.when('/', {templateUrl: 'views/example.com/home.html'});

子域: sub.example.com

$routeProvider.when('/', {templateUrl: 'views/sub.example.com/home.html'});

部分应该对静态/动态内容无动于衷。如果部分内部的 Controller 正在对数据进行服务调用，则此拦截器不应干扰它。

Answer 1

简单干净:我会在设置路由的函数中检查 window.location，根据子域设置一个变量，然后在设置路由时使用该变量。如:

var isSubDomain = window.location.host.indexOf("sub") == 0
var urlPath = isSubDomain ? "sub.example.com" : "example.com";

...

$routeProvider.when('/', {templateUrl: 'views/' + urlPath + '/home.html'});

TL;DR:使用 JavaScript，而不是 Angular