Templates

html

function 永久链接到 html 查看源码

Interprets a template literal as an HTML template that can efficiently render to and update a container.

导入

import { html } from 'lit-html';

签名

html(strings, values): TemplateResult

参数

strings: TemplateStringsArray
values: Array<unknown>

nothing

value 永久链接到 nothing 查看源码

A sentinel value that signals a NodePart to fully clear its content.

导入

import { nothing } from 'lit-html';

类型

symbol

render

function 永久链接到 render 查看源码

Renders a template result or other value to a container.

导入

import { render } from 'lit-html';

签名

render(result, container, options?): void

参数

result: unknown
Any value renderable by NodePart - typically a TemplateResult created by evaluating a template tag like html or svg.
container: Element | DocumentFragment
A DOM parent to render to. The entire contents are either replaced, or efficiently updated if the same result type was previous rendered there.
options?: Partial<RenderOptions>
RenderOptions for the entire render tree rendered to this container. Render options must not change between renders to the same container, as those changes will not effect previously rendered DOM.

详情

To update a container with new values, reevaluate the template literal and call render with the new result.

svg

function 永久链接到 svg 查看源码

Interprets a template literal as an SVG template that can efficiently render to and update a container.

导入

import { svg } from 'lit-html';

签名

svg(strings, values): SVGTemplateResult

参数

strings: TemplateStringsArray
values: Array<unknown>

SVGTemplateResult

class 永久链接到 SVGTemplateResult 查看源码

A TemplateResult for SVG fragments.

导入

import { SVGTemplateResult } from 'lit-html';

详情

This class wraps HTML in an <svg> tag in order to parse its contents in the SVG namespace, then modifies the template to remove the <svg> tag so that clones only container the original fragment.