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>
This essay is excellent. I appreciate you sharing.
slope 2