角度js index.html到首页重定向

Question

我正在开发一个网站，当我输入url时，即使使用路线提供商导航到home，它也会直接指向index.html，我应该在下面附加我的代码，请理解并让我知道我需要更改的内容，当我致电网站地址时，它会直接重定向到www.xxyy.com \\ home

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.5/angular-route.min.js"></script>
  <link rel="stylesheet" type="text/css" href="xploresoftware.css">
  <script type="text/javascript" src="angularview.js"></script>
  <script type="text/javascript" src="addressingtabs.js"></script>

</head>
<body ng-app="myapp">
<nav role="navigation" class="navbar navbar-default navbar-fixed-top" id="navbar">
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" data-target="#navbarCollapse" data-toggle="collapse" class="navbar-toggle">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a href="#/home" class="navbar-brand" id="logo"><img src="Images/Drawing.png"></a>
        </div>
        <!-- Collection of nav links and other content for toggling -->
        <div id="navbarCollapse" class="collapse navbar-collapse">
            <ul class="nav navbar-nav" id="subject">
                <li><a href="#/ece">Electrical Engineering</a></li>
                <li><a href="#/cs"> Computer Science</a></li>
                <li><a href="#/mech"> Mechanical Engineering</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li><a href="#">Login</a></li>

            </ul>
        </div>
    </div>
</nav>



 <div class="container-fluid" style="margin-top:55px " >
     <div ng-view></div>


     </div>
      </div>

</div>
</body>
</html>

以下是路由提供者代码：

(function(){
    var app=angular.module('myapp',['ngRoute']); 
 app.config(['$logProvider','$routeProvider',function($logProvider,$routeProvider){
     $locationProvider.hashPrefix();
    $logProvider.debugEnabled(true);
    $routeProvider
    .when('/home',{
        templateUrl:home.html,
    });
    .when('/ece',{
        templateUrl:ece.html,
    });
    .when('/cs',{
        templateUrl:cs.html,
    });
    .when('/mech',{
        templateUrl:mech.html,
    });[question1][1]
    .otherwise({
        redirectTo:'/home',
    })
 }]);


 }());

Answer 1

如果我理解正确，那么您希望将home.html作为主页而不是index.html 。 在这种情况下，您应该再添加一个这样的路由-

.when('/',{
        templateUrl:home.html,
    });

编辑：我认为您的代码在语法上也是不正确的。 查看更正的一个-

 $routeProvider
    .when('/home',{
        templateUrl:home.html
    })
    .when('/ece',{
        templateUrl:ece.html
    })
    .when('/cs',{
        templateUrl:cs.html
    })
    .when('/mech',{
        templateUrl:mech.html
    })
    .otherwise({
        redirectTo:'/home'
    });

Answer 2

您的代码中有很多问题，而我不知道它们来自何处，但是，某些问题主要与javascript代码在定义路线的方式有关，例如，您使用的是“”。 而“。”之前的行 以分号结尾，同样，您的html文件名也不是字符串！。

$routeProvider
    .when('/home',{
        templateUrl:"home.html"
    }).when('/ece',{
    templateUrl:ece.html
})

现在，这个plnkr

有一个基于您提供的代码的有效演示。 您可以查看一下并将其用作修正现有代码的基准。

希望对您有所帮助。

角度js index.html到首页重定向

问题描述

2 个解决方案

解决方案1
0 2015-12-21 04:44:06

解决方案2
0 2015-12-21 05:57:10

角度js index.html到首页重定向

问题描述

2 个解决方案

解决方案1 0 2015-12-21 04:44:06

解决方案2 0 2015-12-21 05:57:10

解决方案1
0 2015-12-21 04:44:06

解决方案2
0 2015-12-21 05:57:10