AngularJs:深层链接默认 Index.Html 未打开

标签 angularjs angularjs-routing

我正在开发 Angular 应用程序,当我使用以下网址点击浏览器时: http://localhost/angular/MyAngularRewind/ ,index.html 没有打开,但实际上它应该已经打开索引.html。

C:\wamp\www\Angular\MyAngularRewind ---> 这是我拥有index.html的路径,请参见下面的屏幕截图

但是当我点击以下网址时页面正在打开:http://localhost/angular/MyAngularRewind/index.html并且它更改为http://localhost/angular/MyAngularRewind/index.html#/

理想情况下应该发生以下事情:当我点击网址时:http://localhost/angular/MyAngularRewind/ 它应该打开页面,网址自动更改为http:///localhost/angular/MyAngularRewind/index.html/#/,但它没有发生,我不知道为什么会发生这种情况。

查看文件结构的屏幕截图。 ss

索引.html

<html lang="en" ng-app="myApp">
        <head>
            <meta charset="utf-8">
            <title>My HTML File</title>
            <title>Google Phone Gallery</title>
            <link rel="stylesheet" href="css/app.css">
            <link rel="stylesheet" href="css/bootstrap.css">
            <script src="lib/angular/angular.js"></script>
            <script src="js/controllers.js"></script>
            <script src="js/routes.js"></script>

        </head>
        <body ng-controller="appCtrl">
            <div class="" ng-view></div>
        </body>
    </html> 

Javascript:

angular.module('myApp', []).
        config(['$routeProvider', function($routeProvider) {
          $routeProvider.
                        when('/', 
                            {
                            templateUrl: 'partials/partial-For-routes-1.html', 
                            controller: appCtrl
                            }).
                        when('/page-2', 
                            {
                            templateUrl: 'partials/partial-For-routes-2.html', 
                            controller: appCtrl
                            }).
                        when('/page-3', 
                            {
                            templateUrl: 'partials/partial-For-routes-3.html', 
                            controller: appCtrl
                            }).
                        otherwise({redirectTo:("/")})
         }]);

预先感谢您的帮助。

最佳答案

问题可能出在你的服务器上,而不是 Angularjs - 你需要指示服务器在访问目录(/angular/MyAngularRewind/)时自动提供 index.html。

话虽如此,我不确定您使用的是哪个服务器,所以我无法提供解决方案

关于AngularJs:深层链接默认 Index.Html 未打开,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16302948/

相关文章:

javascript - 全局设置 angular.js url root

angularjs - ngCordova Bower 错误 - 有什么解决办法吗?

javascript - 为什么 AngularJS 在我的路由中复制查询字符串?

javascript - 没有标签的 AngularJS 动态路由

javascript - 如何为 AngularJS 路由添加动态前缀

angularjs获取先前的路线路径

angularjs - angular-file-upload nervgh - 如何更改服务器 url

html - CSS 隐藏与具有绝对位置的 div 重叠的 div 的内容

javascript - Ngmap 从 javascript 选择 ng-repeat 标记

javascript - AngularJS 路由器配置不起作用