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>