AngularJS：动态URL前缀

Question

I have a large angular app that lives at a URL like so:

http://myangularapp.com/app/index.html#/

The URL I intend on giving out will need a name injected into the URL as this one site will support multiple users.

So, without modifying any directory structure, I'd like to do:

http://myangularapp.com/app/bob/index.html#/

and also:

http://myangularapp.com/app/harry/index.html#/

All my controllers and functionality would ideally stay the same.

Super stumped on this one!

Answer 1

Use the $routeProvider service. You can define where urls go, like so.

$routeProvider.
      when('/app/foo/bar/what/about/bob', {
        templateUrl: 'app/bob/index.html', <---directory and url don't have to match
        controller: 'bobController'
      }).
      when('/app/harry', { ...
      })