lit-ui-router / UiSrefDirective
Class: UiSrefDirective
Defined in: packages/lit-ui-router/src/ui-sref.ts:181
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
Properties
| Property | Type | Default value | Description | Defined in |
|---|---|---|---|---|
element | UiSrefElement | null | null | - | packages/lit-ui-router/src/ui-sref.ts:186 |
href | string | null | null | - | packages/lit-ui-router/src/ui-sref.ts:194 |
options | TransitionOptions | {} | - | packages/lit-ui-router/src/ui-sref.ts:184 |
params | RawParams | {} | - | packages/lit-ui-router/src/ui-sref.ts:183 |
parentView | UiView | null | null | - | packages/lit-ui-router/src/ui-sref.ts:189 |
state | string | null | null | - | packages/lit-ui-router/src/ui-sref.ts:182 |
targetState | | TargetState | null | null | - | packages/lit-ui-router/src/ui-sref.ts:195 |
uiRouter | UIRouterLit | undefined | undefined | - | packages/lit-ui-router/src/ui-sref.ts:188 |
uiSrefOptions | UiSrefOptions | {} | this directive's own options, stripped from the transition options | packages/lit-ui-router/src/ui-sref.ts:192 |
Methods
doRender()
ts
doRender(): typeof noChange;Defined in: packages/lit-ui-router/src/ui-sref.ts:429
Returns
typeof noChange
getOptions()
ts
getOptions(opts?): TransitionOptions;Defined in: packages/lit-ui-router/src/ui-sref.ts:227
Parameters
| Parameter | Type |
|---|---|
opts | TransitionOptions |
Returns
onClick()
ts
onClick(event): void;Defined in: packages/lit-ui-router/src/ui-sref.ts:369
Parameters
| Parameter | Type |
|---|---|
event | MouseEvent |
Returns
void
render()
ts
render(
state,
params?,
options?
): typeof noChange;Defined in: packages/lit-ui-router/src/ui-sref.ts:236
Parameters
| Parameter | Type |
|---|---|
state | string |
params? | RawParams |
options? | TransitionOptions |
Returns
typeof noChange
Overrides
ts
AsyncDirective.renderupdate()
ts
update(part, __namedParameters): typeof noChange;Defined in: packages/lit-ui-router/src/ui-sref.ts:402
Parameters
| Parameter | Type |
|---|---|
part | ElementPart |
__namedParameters | [string, RawParams?, UiSrefTransitionOptions?] |
Returns
typeof noChange
Overrides
ts
AsyncDirective.update