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

时间:2013-04-30 14:56:52

标签: angularjs angularjs-routing

我正在开发角度应用,当我使用网址http://localhost/angular/MyAngularRewind/点击浏览器时,index.html没有打开,但实际上它应该打开了index.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 http://i39.tinypic.com/33dw374.png

的index.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:("/")})
         }]);

提前感谢您的帮助。

1 个答案:

答案 0 :(得分:2)

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

说过我不确定你使用哪台服务器,所以我无法提供解决方案