title: How to force Angular to send request to server on HTML5 mode?
body: <p>I m tring to build and web using angular and nodejs. I'm loading Angular on <code>/home</code> path where <code>/</code> contains login and registration form. Here is my angular configuration:</p>
  
  <pre><code>window.app.config(['$routeProvider', '$locationProvider',
      function($routeProvider,$locationProvider) {
          $locationProvider.html5Mode(true);
          $locationProvider.hashPrefix('!');
          $routeProvider.
          when('/profile', {
              templateUrl: '/views/account.html',
  
          }).
          when('/edit', {
              templateUrl: '/views/edit.html',
  
          }).
          when('/home', {
              templateUrl: 'views/index.html'
          }).
          when('/signout', {
              templateUrl: 'views/signout.html'
              //on this view i load a controller which submits a form to /signout
          }).
  
          otherwise({
              redirectTo: '/home'
          });
      }
  ]);
  </code></pre>
  
  <p>on server side routing:</p>
  
  <pre><code>    app.get('/',function(){
            res.render('index',{
               user: req.user? req.user:'guest'
          });
      });
      app.post('/login',function(){
               //if success redirect to /home
               //if fails redirect to /
      });
      app.get('/auth/facebook', passport.authenticate('facebook', { scope: [ 'email',                  'user_about_me', 'read_stream', 'publish_actions'], failureRedirect: '/' }));
    app.get('/auth/facebook/callback', passport.authenticate('facebook', { failureRedirect: '/' }), users.authCallback);
      app.get('/signout',function(){
               //signing out the user here...and redirects to /
      });
      app.get('/home',function(req,res){
          res.render('users/home',{
            user: req.user? req.user:'guest',
            message: req.flash('error')
  
          })
        }); 
      app.get('/profile',function(req,res){
          res.render('users/home',{
            user: req.user? req.user: 'guest',
            message: req.flash('error')
  
          })
        });
        app.get('/edit',function(req,res){
          res.render('users/home',{
            user: req.user? req.user:'guest',
            message: req.flash('error')
  
          })
        });
  </code></pre>
  
  <p>How can I send request by clicking on a link on url <code>/home</code> to go <code>/auth/facebook</code> due to Angular routing if I click on <a href="/auth/facebook">facebook auth</a> it sends me to <code>/home</code>. Angular preventing from sending request to server, it's just go to url <code>/home</code>, I tried removing otherwise <code>/home</code> by replacing <code>/</code>. The result is same just no view is loaded there.</p>