mirror of
https://github.com/richard-loafle/fuse-angular.git
synced 2025-01-09 12:05:08 +00:00
(@fuse/navigation) Added "fragment" and "queryParams" support along with "preserveFragment" and "queryParamsHandling"
This commit is contained in:
parent
cd8c6ece0f
commit
57d87fa1c4
|
@ -10,6 +10,10 @@
|
||||||
class="fuse-horizontal-navigation-item"
|
class="fuse-horizontal-navigation-item"
|
||||||
[ngClass]="{'fuse-horizontal-navigation-item-active-forced': item.active}"
|
[ngClass]="{'fuse-horizontal-navigation-item-active-forced': item.active}"
|
||||||
[routerLink]="[item.link]"
|
[routerLink]="[item.link]"
|
||||||
|
[fragment]="item.fragment ?? ''"
|
||||||
|
[preserveFragment]="item.preserveFragment ?? false"
|
||||||
|
[queryParams]="item.queryParams ?? null"
|
||||||
|
[queryParamsHandling]="item.queryParamsHandling ?? null"
|
||||||
[routerLinkActive]="'fuse-horizontal-navigation-item-active'"
|
[routerLinkActive]="'fuse-horizontal-navigation-item-active'"
|
||||||
[routerLinkActiveOptions]="isActiveMatchOptions"
|
[routerLinkActiveOptions]="isActiveMatchOptions"
|
||||||
[matTooltip]="item.tooltip || ''">
|
[matTooltip]="item.tooltip || ''">
|
||||||
|
@ -45,6 +49,10 @@
|
||||||
class="fuse-horizontal-navigation-item"
|
class="fuse-horizontal-navigation-item"
|
||||||
[ngClass]="{'fuse-horizontal-navigation-item-active-forced': item.active}"
|
[ngClass]="{'fuse-horizontal-navigation-item-active-forced': item.active}"
|
||||||
[routerLink]="[item.link]"
|
[routerLink]="[item.link]"
|
||||||
|
[fragment]="item.fragment ?? ''"
|
||||||
|
[preserveFragment]="item.preserveFragment ?? false"
|
||||||
|
[queryParams]="item.queryParams ?? null"
|
||||||
|
[queryParamsHandling]="item.queryParamsHandling ?? null"
|
||||||
[routerLinkActive]="'fuse-horizontal-navigation-item-active'"
|
[routerLinkActive]="'fuse-horizontal-navigation-item-active'"
|
||||||
[routerLinkActiveOptions]="isActiveMatchOptions"
|
[routerLinkActiveOptions]="isActiveMatchOptions"
|
||||||
[matTooltip]="item.tooltip || ''"
|
[matTooltip]="item.tooltip || ''"
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
import { IsActiveMatchOptions } from '@angular/router';
|
import { IsActiveMatchOptions, Params, QueryParamsHandling } from '@angular/router';
|
||||||
|
|
||||||
export interface FuseNavigationItem
|
export interface FuseNavigationItem
|
||||||
{
|
{
|
||||||
|
@ -17,6 +17,10 @@ export interface FuseNavigationItem
|
||||||
disabled?: boolean;
|
disabled?: boolean;
|
||||||
tooltip?: string;
|
tooltip?: string;
|
||||||
link?: string;
|
link?: string;
|
||||||
|
fragment?: string;
|
||||||
|
preserveFragment?: boolean;
|
||||||
|
queryParams?: Params | null;
|
||||||
|
queryParamsHandling?: QueryParamsHandling | null;
|
||||||
externalLink?: boolean;
|
externalLink?: boolean;
|
||||||
target?:
|
target?:
|
||||||
| '_blank'
|
| '_blank'
|
||||||
|
|
|
@ -10,6 +10,10 @@
|
||||||
class="fuse-vertical-navigation-item"
|
class="fuse-vertical-navigation-item"
|
||||||
[ngClass]="{'fuse-vertical-navigation-item-active-forced': item.active}"
|
[ngClass]="{'fuse-vertical-navigation-item-active-forced': item.active}"
|
||||||
[routerLink]="[item.link]"
|
[routerLink]="[item.link]"
|
||||||
|
[fragment]="item.fragment ?? ''"
|
||||||
|
[preserveFragment]="item.preserveFragment ?? false"
|
||||||
|
[queryParams]="item.queryParams ?? null"
|
||||||
|
[queryParamsHandling]="item.queryParamsHandling ?? null"
|
||||||
[routerLinkActive]="'fuse-vertical-navigation-item-active'"
|
[routerLinkActive]="'fuse-vertical-navigation-item-active'"
|
||||||
[routerLinkActiveOptions]="isActiveMatchOptions"
|
[routerLinkActiveOptions]="isActiveMatchOptions"
|
||||||
[matTooltip]="item.tooltip || ''">
|
[matTooltip]="item.tooltip || ''">
|
||||||
|
@ -45,6 +49,10 @@
|
||||||
class="fuse-vertical-navigation-item"
|
class="fuse-vertical-navigation-item"
|
||||||
[ngClass]="{'fuse-vertical-navigation-item-active-forced': item.active}"
|
[ngClass]="{'fuse-vertical-navigation-item-active-forced': item.active}"
|
||||||
[routerLink]="[item.link]"
|
[routerLink]="[item.link]"
|
||||||
|
[fragment]="item.fragment ?? ''"
|
||||||
|
[preserveFragment]="item.preserveFragment ?? false"
|
||||||
|
[queryParams]="item.queryParams ?? null"
|
||||||
|
[queryParamsHandling]="item.queryParamsHandling ?? null"
|
||||||
[routerLinkActive]="'fuse-vertical-navigation-item-active'"
|
[routerLinkActive]="'fuse-vertical-navigation-item-active'"
|
||||||
[routerLinkActiveOptions]="isActiveMatchOptions"
|
[routerLinkActiveOptions]="isActiveMatchOptions"
|
||||||
[matTooltip]="item.tooltip || ''"
|
[matTooltip]="item.tooltip || ''"
|
||||||
|
|
Loading…
Reference in New Issue
Block a user