ES6 Template Literals (Template Strings)

Overview

You can use multi-line strings and string interpolation features with template literals.

Specifications

ECMAScript Language Specification # sec-template-literals

Syntax

// Untagged, these create strings: `string text` `string text line 1 string text line 2` `string text ${expression} string text` // Re-usable template: const templateFn = expression => `string text ${expression} string text`;
 // Tagged, this calls the function "example" with the template as the // first argument and substitution values as subsequent arguments: example`string text ${expression} string text`

Code snippets

template-component.html

Source:template-component.html

index.html

Source:index.html

Browser Compatibility