Possibility to remove link from a breadcrumb about xng-breadcrumb HOT 4 CLOSED

Hi @CNicolas, this would have been possible by, passing additional context to breadcrumb and stopping the click events for route patterns that don't need it.

• define 'info' associated with the breadcrumb in route config. 'info' has type . you can pass string or object or boolean as you need.
• 'info' is available in the context of *xngBreadcrumbItem.

  {
    path: '',
    pathMatch: 'full',
    component: HomeComponent,
    data: {
      breadcrumb: {
        label: 'app home',
        info: { skipLink: true }
      }
    }
  }

<xng-breadcrumb>
  <ng-container *xngBreadcrumbItem="let breadcrumb; let info = info>
    <span [ngClass]="{'skip-link': info && info.skipLink}">{{ breadcrumb }}</span>
  </ng-container>
</xng-breadcrumb>

.skip-link {
   pointer-events: none;
   cursor: default;
}

Since the customization control is given only to breadcrumb text but not the or , the above implementation will not work.

Two possible solutions:

• Give the customization control at or level(more work for the user and I am not inclined towards this solution.)
• provide an extra option like unlink: true in the breadcrumb. I will implement this and release a new version.

Thanks for raising this feature request. I will keep you posted!

from xng-breadcrumb.

I also have a need for this functionality now.

from xng-breadcrumb.

In progress - @dhallatmaine. Will release in a week

from xng-breadcrumb.

@CNicolas @dhallatmaine This feature is available with [email protected] onwards.

please check https://github.com/udayvunnam/xng-breadcrumb#dibsable-breadcrumb-navigation-for-certain-routes

from xng-breadcrumb.