Angular.js route problems

Question

I have a app.js with defined routes and a menu with ng-href fields, like:

<li>
  <a ng-href="{{user.nick}}"><i class="icon-th-large"></i>My Content Flow</a>
</li>
<li>
  <a ng-href="{{user.nick}}/movie"><i class="icon-film"></i>My Videos</a>
</li>
<li>
  <a ng-href="{{user.nick}}/blog_post"><i class="icon-pencil"></i> My Blogs</a>
 </li>
<li>

Route Provider config:

$routeProvider
        .when('/:searchType?/:searchValue?', {
            templateUrl: 'partials/name/flow/',
            controller: 'FlowCtrl'
        })
.otherwise({
    redirectTo: '/'
});

$locationProvider.html5Mode(true);

:searchType is the user nick

:searchValue is gallery, movie or blog_post

Sometimes, when I click on the link, angular.js refresh the whole page, doing an application re-initialization. Can I avoid the whole refresh without using special directives and why sometimes works and sometimes doesn't?

If you want to see the demo go on filmannex with:

email: [email protected]

password: testing

Thanks

Please show us how your routes are configured with the $routeProvider at the module config method. — António Sérgio Simões
– António Sérgio Simões, Commented Jul 25, 2014 at 12:58

craigb · Accepted Answer · 2014-07-25 19:56:40Z

1

You should have a leading / before your ng-href values. I suspect they are interpreted as relative URLs so it is probably falling into the otherwise() bucket and redirecting to /

<a ng-href="/{{user.nick}}">user</a>
<a ng-href="/{{user.nick}}/movies">movies</a>

answered Jul 25, 2014 at 19:56

craigb

16.9k7 gold badges54 silver badges63 bronze badges

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

Collectives™ on Stack Overflow

Angular.js route problems

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related