How to disable static url in angular ui-router?

Question

I have some two ui-router states in my angular application, which works fine, like this:

app.config(["$stateProvider",
    function($stateProvider){
        $stateProvider
            .state("settings", {
                url: "/settings",
                views: {
                    "secondMenu": {
                        templateUrl: "second_menu.html?parent=settings",
                        controller: "settingsController"
                    },
                    "thirdMenu": {
                        template: empty_template
                    }
                }
            })
            .state("cabinet", {
            url: "/cabinet",
            views: {
                "secondMenu": {
                    templateUrl: "second_menu.html?parent=cabinet",
                    controller: "cabinetController"
                },
                "thirdMenu": {
                    template: empty_template
                }
            }
        })

But only part of my menu i need work with angular. Other part of menu must go to static (not angular) url of my site, like this:

<ul>
    <li><a href="/static-url/">static-url</a></li>
    <li><a ui-sref="cabinet">cabinet angular url</a></li>
    <li><a ui-sref="settings">settings angular</a></li>
</ul>

And when i click on angular-urls - i get need information in my ng-view , but if after then i click on static-url - my url changing from /#/cabinet (for ex.) to /static-url/, but query to server does not exist. Page content saving as in cabinet angular url.

How I can disabling angular ui-router working on /static-url/ ?

What do you mean by "query to server does not exist"?

craigb
– craigb

2014-07-24 02:02:54 +00:00
Commented Jul 24, 2014 at 2:02 — craigb
– craigb, Commented Jul 24, 2014 at 2:02
query not maked. server access log is empty

freylis
– freylis

2014-07-24 04:02:54 +00:00
Commented Jul 24, 2014 at 4:02 — freylis
– freylis, Commented Jul 24, 2014 at 4:02

Martyn Chamberlin · Accepted Answer · 2015-12-30 18:07:20Z

1

So for future lurkers, here's what you need to do. Just add this attribute to your static page's anchor tag:

target="_self"

Like this:

<ul>
    <li><a href="/static-url/" target="_self">static-url</a></li>
    <li><a ui-sref="cabinet">cabinet angular url</a></li>
    <li><a ui-sref="settings">settings angular</a></li>
</ul>

answered Dec 30, 2015 at 18:07

Martyn Chamberlin

1,27814 silver badges17 bronze badges

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

Collectives™ on Stack Overflow

How to disable static url in angular ui-router?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related