how to change hash to slash in Angularjs

Question

  <script type="text/javascript">

angular.module('ngView', ['ngRoute'],
    function($routeProvider){
      $routeProvider.when('/test',
        {
          template: '{{}}',
          controller: function(){
            console.log('controller');
            $('div').first().html('<b>OK</b>');
          }
        }
      );
    }
  );
  </script>

This is all my angular code. In URL, i can access test by

file:///Users/tom/Documents/Projects/a4/index2.html#/test
file:///Users/tom/Documents/Projects/a4/index2.html#test

Both of the above two ways work.

But when I change #/test to /test, it doesn't work.

How do I configure Angularjs to only use '/' in URL path?

You need to enable HTML5 model in config state $locationProvider.html5Mode(true). Please see the guide here docs.angularjs.org/guide/$location — Chandermani
– Chandermani, Commented Apr 18, 2014 at 8:57
Thanks! I checked this HTML5 question before asking this question, but didn't think it is related to my situation. — Nicolas S.Xu
– Nicolas S.Xu, Commented Apr 18, 2014 at 9:30

Community · Accepted Answer · 2017-05-23 12:05:09Z

2

I see that you are working locally, you need a server to work with html5Mode, after enabling it you need to define an .htaccess or a virtual host on the server take a look at this question AngularJS: can't get html5 mode urls with ui-route $state

<VirtualHost *:80>
    ServerName my-app

    DocumentRoot /path/to/app

    <Directory /path/to/app>
        RewriteEngine on

        # Don't rewrite files or directories
        RewriteCond %{REQUEST_FILENAME} -f [OR]
        RewriteCond %{REQUEST_FILENAME} -d
        RewriteRule ^ - [L]

        # Rewrite everything else to index.html to allow html5 state links
        RewriteRule ^ index.html [L]
    </Directory>
</VirtualHost>

edited May 23, 2017 at 12:05

CommunityBot

11 silver badge

answered Apr 18, 2014 at 12:17

Issam Zoli

2,7741 gold badge24 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Nicolas S.Xu Over a year ago

I am using nodejs, and I didn't find any .htaccess in the project folder. Does this solution still apply to nodejs? HTML5 is a browser side technology, why do i need to configure server?

Nicolas S.Xu Over a year ago

I put the project files on a local nodejs server running express4 MVC framework. Here is the access URL: localhost:3000/a4/test . It still won't work. (no .htaccess file) If you are familar with nodejs server, can you please tell me what I missed? Thanks!

Issam Zoli Over a year ago

Unfortunately, I never had any experience with nodejs advanced configurations but maybe you could use something from these questions stackoverflow.com/questions/17199095/… stackoverflow.com/questions/17777967/… stackoverflow.com/questions/13222252/…

Collectives™ on Stack Overflow

how to change hash to slash in Angularjs

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related