lit-ui-router / UiSrefDirective

Class: UiSrefDirective

Defined in: packages/lit-ui-router/src/ui-sref.ts:90

Directive class that creates state-based navigation links.

This directive is used internally by the uiSref directive function. It transforms elements (typically <a> tags) into UI-Router navigation links by setting the href attribute and handling click events.

See

• uiSref for the public API
• AsyncDirective
• StateService.go

Extends

• AsyncDirective

Properties

Property	Type	Default value	Defined in
element	UiSrefElement | null	null	packages/lit-ui-router/src/ui-sref.ts:95
href	string | null	null	packages/lit-ui-router/src/ui-sref.ts:100
options	TransitionOptions	{}	packages/lit-ui-router/src/ui-sref.ts:93
params	RawParams	{}	packages/lit-ui-router/src/ui-sref.ts:92
parentView	UiView | null	null	packages/lit-ui-router/src/ui-sref.ts:98
state	string | null	null	packages/lit-ui-router/src/ui-sref.ts:91
targetState	| TargetState | null	null	packages/lit-ui-router/src/ui-sref.ts:101
uiRouter	UIRouterLit | undefined	undefined	packages/lit-ui-router/src/ui-sref.ts:97

Methods

doRender()

doRender(): typeof noChange;

Defined in: packages/lit-ui-router/src/ui-sref.ts:230

Returns

typeof noChange

---

getOptions()

getOptions(opts?): TransitionOptions;

Defined in: packages/lit-ui-router/src/ui-sref.ts:114

Parameters

Parameter	Type
opts	TransitionOptions

Returns

TransitionOptions

---

onClick()

onClick(event): void;

Defined in: packages/lit-ui-router/src/ui-sref.ts:180

Parameters

Parameter	Type
event	MouseEvent

Returns

void

---

render()

render(
   state, 
   params?, 
   options?): typeof noChange;

Defined in: packages/lit-ui-router/src/ui-sref.ts:123

Parameters

Parameter	Type
state	string
params?	RawParams
options?	TransitionOptions

Returns

typeof noChange

Overrides

AsyncDirective.render

---

update()

update(part, __namedParameters): typeof noChange;

Defined in: packages/lit-ui-router/src/ui-sref.ts:207

Parameters

Parameter	Type
part	ElementPart
__namedParameters	[string, RawParams?, TransitionOptions?]

Returns

typeof noChange

Overrides

AsyncDirective.update