binding-positions.md

Disallows invalid binding positions in templates (binding-positions)

Expression bindings will cause problems when parsing templates if they are used in tag names, HTML comments or attribute names.

Rule Details

This rule disallows bindings in tag and attribute name positions.

The following patterns are considered warnings:

html`<x-foo ${expr}="bar">`;
html`<x-foo></${expr}>`;
html`<${expr} attr="bar">`;
html`<!-- ${expr} -->`;
html`<input .value=${foo}/>`;

The following patterns are not warnings:

html`<x-foo attr=${expr}>`;
html`<!-- \${expr} -->`;
html`<input .value=${foo} />`;
html`<input .value="${foo}"/>`;

In particular, note that you may escape an expression inside a comment by using the backslash (\) character.

When Not To Use It

If you don't care about potential parsing errors, then you will not need this rule.