当前位置:  开发笔记 > 编程语言 > 正文

锚点href与角度路线链接

如何解决《锚点href与角度路线链接》经验,为你挑选了1个好方法。

我在多个视图之间使用角度路由,并尝试在每个路由更改时填充公共面包屑列表.这工作正常,但面包屑中的超链接不起作用.

基本上我有一个网站,其中包含以下视图:

意见/ main.html中

意见/ page_a.html

意见/ page_b.html

和结构:

main> page a> page b

$rootScope.$on('$routeChangeSuccess', function(scope, next, current) {  

    var thisView = next.loadedTemplateUrl;
    if (!thisView) return;
    var breadcrumb = jQuery('#breadCrumb'); //
    container breadcrumb.empty(); if (thisView.indexOf('page_a') >= 0) { breadcrumb.append('
  1. main
  2. '); breadcrumb.append('
  3. page a
  4. '); } else if (thisView.indexOf('page_b') > 0) { breadcrumb.append('
  5. main
  6. '); breadcrumb.append('
  7. page a
  8. '); breadcrumb.append('
  9. page b
  10. '); } });

不幸的是,这些超链接没有到正确的地方.我想我已经尝试了所有组合,例如#/ 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: '/'
  });
});

jola.. 10

好吧,这是一个非常愚蠢的错误,我根本不需要发布这个问题.的确如此href="#/page_a".它工作正常,所以这就像预期的一样简单.



1> jola..:

好吧,这是一个非常愚蠢的错误,我根本不需要发布这个问题.的确如此href="#/page_a".它工作正常,所以这就像预期的一样简单.

推荐阅读
php
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有