Question

我正在构建一个角度应用，并使用标准的index.html文件：

＆＃13;

<!doctype html>
<html lang="en" ng-app="myApp">
<head>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.css">
  <script src="bower_components/angular/angular.js"></script>
  <script src="bower_components/angular-route/angular-route.js"></script>
  <script src="js/app.js"></script>
  <script src="js/controllers.js"></script>
  <script src="https://code.jquery.com/jquery-2.1.3.js"></script>    
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.js"></script>
</head>
<body>

  <div ng-view></div>

</body>
</html>

＆＃13;

我想要做的是使用不同的index.html或＆＃34; home.html＆＃34;如果用户未登录应用程序，则加载文件。 home.html将是一个静态页面营销网站，拥有自己的设计和css / js。我希望该页面可以从＆＃39; /＆＃39;路由以及角度应用程序要处理的其他路由。

如何动态加载不同的起始html文件？

Answer 1

路由到另一个html的逻辑应放在您的登录模块中。它可能与Angularjs无关

Answer 2

有一些代码可以从角度应用程序的外部或内部重定向另一个页面

$location.url('/RouteTo/index');

$location.url('/index');

$window.location.href="http://www.domain.com/home";

window.location = "http://www.domain.com/home";

您可以获取应用$window.location.host

的主机

如何在angularjs中有条件地加载不同的index.html

2 个答案: