lit-ui-router / UiSrefDirective

Class: UiSrefDirective

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

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:77
href	string | null	null	packages/lit-ui-router/src/ui-sref.ts:82
options	TransitionOptions	{}	packages/lit-ui-router/src/ui-sref.ts:75
params	RawParams	{}	packages/lit-ui-router/src/ui-sref.ts:74
parentView	UiView | null	null	packages/lit-ui-router/src/ui-sref.ts:80
state	string | null	null	packages/lit-ui-router/src/ui-sref.ts:73
targetState	| TargetState | null	null	packages/lit-ui-router/src/ui-sref.ts:83
uiRouter	UIRouterLit | undefined	undefined	packages/lit-ui-router/src/ui-sref.ts:79

Methods

doRender()

doRender(): typeof noChange;

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

Returns

typeof noChange

---

getOptions()

getOptions(opts?): TransitionOptions;

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

Parameters

Parameter	Type
opts	TransitionOptions

Returns

TransitionOptions

---

onClick()

onClick(event): void;

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

Parameters

Parameter	Type
event	MouseEvent

Returns

void

---

render()

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

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

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:188

Parameters

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

Returns

typeof noChange

Overrides

AsyncDirective.update