Javascript AngularJS路由到静态文件

Javascript AngularJS路由到静态文件,javascript,html,angularjs,ngroute,Javascript,Html,Angularjs,Ngroute,我有一个简单的angularjs应用程序,带有ngRoute模块,用于在html5模式下进行路由。 我怎样才能在页面上有一个指向某个静态文件的链接,而不被angular routing module截获 下面是一个例子: HTML: 当我点击用户链接时,我被路由到localhost:8080/User,我的控制器和模板工作正常。当我点击users.html链接时,我被路由到home,但我想调用一个静态home.html页面。从中,您有3个选项: Html链接重写 (……) 在如下情况下,链接不会

我有一个简单的
angularjs
应用程序,带有
ngRoute
模块,用于在
html5模式下进行路由。
我怎样才能在页面上有一个指向某个静态文件的链接,而不被angular routing module截获

下面是一个例子:

HTML:

当我点击用户链接时,我被路由到
localhost:8080/User
,我的控制器和模板工作正常。当我点击users.html链接时,我被路由到home,但我想调用一个静态
home.html
页面。

从中,您有3个选项:

Html链接重写 (……)

在如下情况下,链接不会被重写;相反,浏览器将对原始链接执行完整的页面重新加载

  • 包含目标元素的链接
    示例:
  • 指向不同域的绝对链接
    示例:
  • 以“/”开头的链接指向不同的基本路径
    示例:
您可能要查找的是第一个示例:

<a href="/users.html" target="_self">users.html</a>

如果您只想直接使用html,请尝试不使用斜杠(或静态文件所在位置的路径…)。。。为什么不为home.html创建一个路由呢?
$routeProvider
            .when('/', {
                templateUrl: 'app/components/home/homeView.html',
                controller: 'HomeController'

            })
            .when('/user', {
                templateUrl: 'app/components/user/userView.html',
                controller: 'UserController'

            })
            .otherwise({
                redirectTo: '/'
            });
<a href="/users.html" target="_self">users.html</a>