Class: Link

Defined in: src/router/link.behavior.ts:35

Link Behavior

Convierte un <a> en un link de navegación SPA que usa el Router interno. También maneja la clase CSS activa basada en la ruta actual.

Example

// Navegación simple
<a link href="/home">Home</a>

// Con clase activa
<a link href="/about" activeClass="active">About</a>

// Con múltiples clases activas
<a link href="/contact" activeClass="active font-bold">Contact</a>

// Replace en lugar de push (no agrega al historial)
<a link href="/login" replace>Login</a>

// Manejo de links externos
<a link href="https://docs.com" external="native">External Docs</a>
<a link href="https://api.com" external="block">Blocked API</a>

Constructors

Constructor

new Link(): Link;

Returns

Link

Properties

Property Type Default value Defined in
activeClass? string undefined src/router/link.behavior.ts:49
el HTMLAnchorElement undefined src/router/link.behavior.ts:37
external? "allow" | "block" | "native" undefined src/router/link.behavior.ts:55
hostComponent? BaseComponent undefined src/router/link.behavior.ts:40
href string '' src/router/link.behavior.ts:46
link boolean true src/router/link.behavior.ts:43
replace? boolean undefined src/router/link.behavior.ts:52

Accessors

isActive

Get Signature

get isActive(): boolean;

Defined in: src/router/link.behavior.ts:128

Computed que determina si el link está activo.

Un link está activo si su href resuelto hace match con alguno de los patrones activos del router. Los patrones pueden contener variables como :id, por lo que necesitamos pattern matching real.

Ejemplos:

Returns

boolean

Methods

onDestroy()

onDestroy(): void;

Defined in: src/router/link.behavior.ts:293

Returns

void

onInit()

onInit(): void;

Defined in: src/router/link.behavior.ts:62

Returns

void