Class JsExpression<T>

Wraps a JavaScript value to be rendered as JavaScript code in HTML templates. Handles proper serialization of objects, arrays, primitives, and raw JavaScript strings.

Example

import { JsExpression } from 'tshtml';

// In template attributes
div({ 
    onclick: new JsExpression('handleClick(event)'),
    dataset: new JsExpression({ id: 123, name: 'test' })
})

Type Parameters

T = any
The type of the wrapped value

Implements

TemplateValue

Index

Constructors

constructor

new JsExpression<T = any>(value: JsonLike<T>): JsExpression<T>
Creates a new JsExpression with the given value.
Type Parameters
- T = any
  The type of the wrapped value
Parameters
- value: JsonLike<T>
  The value to wrap
Returns JsExpression<T>
- Defined in jsExpression.ts:83

Properties

value

value: JsonLike<T>

The JSON-compatible value wrapped by this expression

Methods

render

render(isAttributeValue: boolean): string
Renders the JavaScript expression as a string suitable for HTML attributes or script tags. String values are treated as raw JavaScript expressions (without quotes). Other values are JSON-serialized.
Parameters
- isAttributeValue: boolean
  Whether this is being rendered as an HTML attribute value
Returns string
The JavaScript code representation of the value
Example
```
expr('getValue()').render(true);      // 'getValue()'
expr({ x: 1 }).render(true);          // '{x:1}'
expr([1, 2, 3]).render(true);         // '[1,2,3]'
```
Implementation of TemplateValue.render
- Defined in jsExpression.ts:101

Class JsExpression<T>

Example

Type Parameters

Implements

Index

Constructors

Properties

Methods

Constructors

constructor

Type Parameters

Parameters

Returns JsExpression<T>

Properties

value

Methods

render

Parameters

Returns string

Example

Settings

On This Page