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>
It appears that the template engine in IgniteUI is giving you trouble when it comes to nested statements. The way the engine handles conditional logic in GridColumn templates could be the cause of this. If you can, try reworking your template or streamlining your reasoning to get rid of nested statements. retro bowl college