靜態 HTML
將樣板字串解譯為 HTML 樣板，可有效率地渲染並更新容器。
導入
import { html } from 'lit/static-html.js';簽章
html(strings, values): TemplateResult<ResultType>
參數
- strings
TemplateStringsArray- values
Array<unknown>
詳細資訊
包含來自 lit-html/static.js 的靜態值支援。
標記字串常值，使其行為類似靜態樣板字串的一部分，而不是動態值。
導入
import { literal } from 'lit/static-html.js';簽章
literal(strings, values): StaticValue
參數
- strings
TemplateStringsArray- values
Array<unknown>
詳細資訊
樣板表達式中唯一可使用的值是其他標記的 literal 結果或 unsafeStatic 值（請注意，不信任的內容絕不應傳遞給 unsafeStatic）。使用者必須注意確保將靜態字串新增至樣板會產生格式正確的 HTML，否則樣板可能會意外損壞。靜態值可以變更，但它們會導致完整的重新渲染，因為它們有效地建立了一個新的樣板。
將樣板字串解譯為 SVG 樣板，可有效率地渲染並更新容器。
導入
import { svg } from 'lit/static-html.js';簽章
svg(strings, values): TemplateResult<ResultType>
參數
- strings
TemplateStringsArray- values
Array<unknown>
詳細資訊
包含來自 lit-html/static.js 的靜態值支援。
包裝字串，使其行為類似靜態樣板字串的一部分，而不是動態值。
導入
import { unsafeStatic } from 'lit/static-html.js';簽章
unsafeStatic(value): StaticValue
參數
- value
string
詳細資訊
使用者必須注意確保將靜態字串新增至樣板會產生格式正確的 HTML，否則樣板可能會意外損壞。請注意，此函式對於不信任的內容使用是不安全的，因為它將直接解析為 HTML。請勿將使用者輸入傳遞給此函式而不進行消毒。靜態值可以變更，但它們會導致完整的重新渲染，因為它們有效地建立了一個新的樣板。
包裝 lit-html 樣板標籤（html 或 svg）以新增靜態值支援。
導入
import { withStatic } from 'lit/static-html.js';簽章
withStatic(coreTag): (strings: TemplateStringsArray, values: Array<unknown>) => TemplateResult<ResultType>
參數
- coreTag
(strings: TemplateStringsArray, values: Array<unknown>) => TemplateResult<1> | (strings: TemplateStringsArray, values: Array<unknown>) => TemplateResult<2>
導入
import { StaticValue } from 'lit/static-html.js';