I get a JavaScript error when attempting to use the IgniteUI template engine {{if}} statement in the code below. (I'm using this in an MVC model, when creating a GridModel GridColumn template.)

The first block of script fails with a JavaScript error. The second two blocks work without errors.

The only big difference I can see is that there are two {{if}} statements in the first block of code. If I comment either {{if}} statement out, the code works! But including both {{if}} statements generates an error.

Produces JavaScript error:
{{if ${VG_GROUP} == 'True' }}
<div class="d-flex align-items-center container" style="white-space: nowrap; font-size: 24pt;">
{{else}}
<div class="d-flex align-items-center container" style="white-space: nowrap; font-size: 12pt;">
{{/if}}
{{if ${VG_GROUP} == 'True' }}
<img src="trigger-load-images-onerror" width="16" height="16" >
{{/if}}
</div>

This code works:
{{if ${VG_GROUP} == 'True' }}
<div class="d-flex align-items-center container" style="white-space: nowrap; font-size: 24pt;">
{{else}}
<div class="d-flex align-items-center container" style="white-space: nowrap; font-size: 12pt;">
{{/if}}
</div>

This code also works:
<div class="d-flex align-items-center container" style="white-space: nowrap; font-size: 12pt;">
{{if ${VG_GROUP} == 'True' }}
<img src="trigger-load-images-onerror" width="16" height="16" >
{{/if}}
</div>