角度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