umbraco 75 adding to url after anchor - Using Umbraco and getting started

Go to solution

Press Ctrl / CMD + C to copy this to your clipboard.

Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at

Josh Evenson 10 posts 113 karma points

May 02, 2017 @ 18:47
0

Umbraco 7.5 Adding / to URL after Anchor #
We're having a strange issue with links to our site with anchor tags.
```
www.site.com/page-name#anchor-id
```
Gets changed to
```
www.site.com/page-name#/anchor-id
```
causing the anchor not to work.

Any ideas on what would cause this?

<addTrailingSlash>false</addTrailingSlash> is already off
Copy Link
Josh Evenson 10 posts 113 karma points

May 02, 2017 @ 19:13

101

Discovered that this is due to AngularJS that is in the web app.

Copy Link
Nicholas Westby 2054 posts 7103 karma points c-trib

May 02, 2017 @ 20:17
1
Yeah, ran into that myself. There is an AngularJS config value that disables that behavior.
```
angular.module("yourApp").config(function ($locationProvider) {
    $locationProvider.html5Mode({
        enabled: true,
        rewriteLinks: fase,
        requireBase: false
    });
});
```
Not sure if all of those values are necessary, but that's what I set it to on one of my sites. More info here: https://docs.angularjs.org/api/ng/provider/$locationProvider
Copy Link
Josh Evenson 10 posts 113 karma points

May 02, 2017 @ 20:18

0

Yeah, I've tried that config for html5Mode and it wasn't helping. Thanks for the reply though.

Copy Link
Nicholas Westby 2054 posts 7103 karma points c-trib

May 02, 2017 @ 21:01

1

Have you tried it with those exact three parameters? IIRC, it didn't work for me when I tried it with just rewriteLinks set to false.

Copy Link
Josh Evenson 10 posts 113 karma points

May 02, 2017 @ 22:37

1

You hit the nail on the head! I was so close earlier, I just didn't include the requireBase property. Thanks for the help, Nicholas!

Copy Link
Josh Evenson 10 posts 113 karma points

May 03, 2017 @ 15:14

0

Okay, now AngularJS is intercepting all anchor tags on the page, and none of the links work unless you add target="_self", which isn't an option...

Copy Link
Nicholas Westby 2054 posts 7103 karma points c-trib

May 03, 2017 @ 15:44

0

Is that still the case when you set enabled to true (or to false)?

What happens when you click an anchor tag? Does the URL change? To the correct value? Does it scroll down the page (assuming that's what you want)?

Copy Link
Josh Evenson 10 posts 113 karma points

May 03, 2017 @ 16:10

0

Yeah with enabled: true, clicking on an a tag will update the url as expected but the navigation will not occur.

Copy Link
Josh Evenson 10 posts 113 karma points

May 03, 2017 @ 16:23

1

I had to remove $location from one of my controllers. That did it.

Copy Link
is working on a reply...

Please Sign in or register to post replies

Flag this post as spam?

Umbraco 7.5 Adding / to URL after Anchor #