I am trying to add a component property as a template variable to a template string. Something like this:
<code>template: `
<div fxFlexFill>
<div
class="wrapper"
{{ templateVariable }}
(dblclick)="reset()"></div>
</div>
`
</code>
<code>template: `
<div fxFlexFill>
<div
class="wrapper"
{{ templateVariable }}
(dblclick)="reset()"></div>
</div>
`
</code>
template: `
<div fxFlexFill>
<div
class="wrapper"
{{ templateVariable }}
(dblclick)="reset()"></div>
</div>
`
and templateVariable is:
<code>templateVariable: string = '#abc'
</code>
<code>templateVariable: string = '#abc'
</code>
templateVariable: string = '#abc'
I am getting a runtime error:
<code>Failed to execute 'setAttribute' on 'Element': '{{' is not a valid attribute name.
</code>
<code>Failed to execute 'setAttribute' on 'Element': '{{' is not a valid attribute name.
</code>
Failed to execute 'setAttribute' on 'Element': '{{' is not a valid attribute name.
Is it even possible what I am trying to do?
Thanks