锚href链接有角度的路线
anchor href linking with angular routes
我在多个视图之间使用角度路由,并尝试在每次路由更改时填充一个通用的面包屑列表。除了面包屑中的超链接不起作用之外,这一切都很好。
本质上,我有一个网站与以下观点:
views/main.html
views/page_a.html
views/page_b.html
和结构:
主页>a页>b页
$rootScope.$on('$routeChangeSuccess', function(scope, next, current) {
var thisView = next.loadedTemplateUrl;
if (!thisView) return;
var breadcrumb = jQuery('#breadCrumb'); //<ol> container
breadcrumb.empty();
if (thisView.indexOf('page_a') >= 0) {
breadcrumb.append('<li><a href="#/main">main</a></li>');
breadcrumb.append('<li class="active">page a</li>');
}
else if (thisView.indexOf('page_b') > 0) {
breadcrumb.append('<li><a href="#/main">main</a></li>');
breadcrumb.append('<li><a href="#/page_a">page a</a></li>');
breadcrumb.append('<li class="active">page b</li>');
}
});
不幸的是,这些超链接没有指向正确的位置。我想我已经尝试了所有的组合,例如#/page_a、#/page_a.html、/views/page_a.html……但没有成功。我觉得这应该不难,但已经晚了,所以我希望能得到一些帮助。谢谢
编辑
我的路线设置如下:
app.config(function ($routeProvider) {
$routeProvider
.when('/', {
templateUrl: 'views/main.html',
controller: 'MainCtrl'
})
.when('/page_a', {
templateUrl: 'views/page_a.html'
})
.when('/page_b', {
templateUrl: 'views/page_b.html'
})
.otherwise({
redirectTo: '/'
});
});
好吧,这是一个非常愚蠢的错误,我根本不需要发布这个问题。。确实是href="#/page_a"
。它工作得很好,所以这和预期的一样容易。
相关文章:
- 在单击href链接的同时下载文件
- D3 Javascript HREF链接替换
- Webscratching自动化如何在没有链接TAG的情况下模拟点击HREF链接
- 如何制作href链接和<李>在一个包装中
- 希望在单击href链接时显示我的广告
- 将href链接添加到通过js鼠标悬停显示的图像
- 如何在 Squarespace 中重定向 href 链接
- 如何使用 jQuery 替换文本中的 HREF 链接
- 要发送到控制器的 HREF 链接中的哈希值
- 通过javascript将url参数传递到多个不同的href链接中
- 将属性添加到带有href链接但没有#的元素
- 选项卡中的a href链接没有执行任何操作
- 使用php使用href链接将输入的文本框值传递到另一个页面
- 如何使用 JavaScript 动态点击“href 链接”
- 更改 xlink:当图像在 D3js 中未退出时 svg 图像的 href 链接
- href:链接回上一个页面上的某个类
- 使用 jQuery 添加一个指向
- 项的 href 链接
- 如何使用javascript读取html“”标签中的所有href链接
- 包装在两个容器中的未命名 href 链接
- 在特定位置具有目标空白的 href 链接