如何禁用角度UI路由器的静态网址？ [英] How to disable static url in angular ui-router?

问题描述

我有一些两UI路由器状态在我的角度应用程序，它工作得很好，是这样的：

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
                }
            }
        })

但是，只有我的菜单我需要角工作的一部分。菜单的其他部分必须去我的网站的静态的（没有棱角）的URL，如下所示：

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>

当我点击角网址 - 我得到需要我的 NG-视图的信息，但如果再经过我点击 static-网址 - 我的网址从 /＃/柜改变（为前）为 /静态URL / ，但查询服务器不存在。网页内容保存在柜子角网址。

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.

我如何禁用角度UI的路由器上 /静态URL / ？

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

推荐答案

因此​​，对于未来的观望者，这里就是你需要做什么。就在这个属性添加到您的静态页面的锚标记：

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

target="_self"

这样的：

<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>

这篇关于如何禁用角度UI路由器的静态网址？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！