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>
Hello Ray,
Thank you for posting in our community.
I was looking further into your requirement I found that in our official documenation is stated that sequential if statements are not supported. However, I believe using nested if/else statements can help you achieve your requirement.
Please have a look at the following resource, which I believe you might consider helpful and let me know if you need any further assistance with this matter.
Do not hesitate to contact us if you have any additional questions.
Regards,Viktor KombovEntry Level Software DeveloperInfragistics, Inc.
Would you consider improving the templating engine to include multiple {{if}} statements?