Skip to content

Class: WatchDirective<T>

Defined in: @lit-labs/signals:

See

https://lit.dev/docs/data/signals/

Extends

  • AsyncDirective

Type Parameters

Type Parameter
T

Accessors

_$isConnected

Get Signature

ts
get _$isConnected(): boolean;

Defined in: lit-html:

Returns

boolean

Inherited from

ts
AsyncDirective._$isConnected

Constructors

Constructor

ts
new WatchDirective<T>(_partInfo: PartInfo): WatchDirective<T>;

Defined in: lit-html:

Parameters

ParameterType
_partInfoPartInfo

Returns

WatchDirective<T>

Inherited from

ts
AsyncDirective.constructor

Methods

_$initialize()

ts
_$initialize(
   part: Part, 
   parent: Disconnectable, 
   attributeIndex: number | undefined): void;

Defined in: lit-html:

Initialize the part with internal fields

Parameters

ParameterTypeDescription
partPart-
parentDisconnectable-
attributeIndexnumber | undefined-

Returns

void

Inherited from

ts
AsyncDirective._$initialize

disconnected()

ts
protected disconnected(): void;

Defined in: @lit-labs/signals:

User callbacks for implementing logic to release any resources/subscriptions that may have been retained by this directive. Since directives may also be re-connected, reconnected should also be implemented to restore the working state of the directive prior to the next render.

Returns

void

Overrides

ts
AsyncDirective.disconnected

reconnected()

ts
protected reconnected(): void;

Defined in: @lit-labs/signals:

Returns

void

Overrides

ts
AsyncDirective.reconnected

render()

ts
render(signal: 
  | State<T>
  | Computed<T>): T;

Defined in: @lit-labs/signals:

Parameters

ParameterType
signal| State<T> | Computed<T>

Returns

T

Overrides

ts
AsyncDirective.render

setValue()

ts
setValue(value: unknown): void;

Defined in: lit-html:

Sets the value of the directive's Part outside the normal update/render lifecycle of a directive.

This method should not be called synchronously from a directive's update or render.

Parameters

ParameterTypeDescription
valueunknownThe value to set

Returns

void

Inherited from

ts
AsyncDirective.setValue

update()

ts
update(part: Part, __namedParameters: [
  | State<T>
  | Computed<T>]): T;

Defined in: @lit-labs/signals:

Parameters

ParameterType
partPart
__namedParameters[ | State<T> | Computed<T>]

Returns

T

Overrides

ts
AsyncDirective.update

Properties

isConnected

ts
isConnected: boolean;

Defined in: lit-html:

The connection state for this Directive.

Inherited from

ts
AsyncDirective.isConnected