角度路由中的哈希符号
Hash sign in Angular Routing
我在角度路由中遇到#符号问题。我有导航链接应该没有前导斜杠,比如:
<li class="active"><a href="/"><i class="fa fa-home" aria-hidden="true"></i></a></li>
<li><a href="#services"> УСЛУГИ</a></li>
否则,scrollspy不起作用(如果我使用的是<a href="#/services">
)
但现在有一个角度路由的问题,它是这样配置的:
config(["$routeProvider", function ($routeProvider) {
$routeProvider
.when('/', {
templateUrl: '/templates/home.html',
controller: 'smu72Controller'
})
.when('/objects', {
templateUrl: '/templates/objects.html',
controller: 'smu72Controller'
})
.when('/object/:Id', {
templateUrl: '/templates/object.html',
controller: 'smu72Controller'
})
.otherwise({
redirectTo: "/"
});
我应该如何更改路由(或scrollspy)配置,以便能够将这些导航链接用于两个目的——滚动路由和角度路由?
您可以使用$locationProvider
模块来摆脱#
登录路由
config(["$routeProvider", "$locationProvider", function ($routeProvider, $locationProvider) {
$routeProvider
.when('/', {
templateUrl: '/templates/home.html',
controller: 'smu72Controller'
})
.when('/objects', {
templateUrl: '/templates/objects.html',
controller: 'smu72Controller'
})
.when('/object/:Id', {
templateUrl: '/templates/object.html',
controller: 'smu72Controller'
})
.otherwise({
redirectTo: "/"
});
// use the HTML5 History API
$locationProvider.html5Mode(true);
}]);
相关文章:
- 根据选项卡内部的文本链接中的哈希ID动态选择jqueryUI选项卡
- Steam Web API:I'我不知道该如何处理这个看起来像哈希的url来生成图像
- AngularJS:获取链接中没有哈希的查询字符串值
- 如何在Google chrome安全首选项文件中创建扩展安全哈希代码
- 如何在浏览器重新加载时保存位置哈希状态
- jQuery scrollTop-哈希错误
- 动态添加哈希标记;t工作
- 在Javascript中实现对哈希值的暴力攻击
- 如何在JavaScript/Node中计算SHA256哈希和Base64字符串编码
- 使用Javascript/jQuery以编程方式将当前锚点/哈希/片段附加到任何表单操作url
- 可以在React Native中制作一个自哈希应用程序
- 重定向不带哈希的URL-Ember.JS
- 角度路由中的哈希符号
- Jquery在尝试添加url参数时添加哈希符号
- Sequelize 文档中的这些哈希/磅符号代表什么
- 使用 location.href 或类似内容打开一个 URL,后跟一个哈希符号
- 角度删除哈希符号
- 不选择器和哈希符号语法错误
- 在express.js中只匹配6个哈希符号的路径模式
- 如何检查一个元素在id的哈希符号之后是否有一个字符串?