Directive: declare

Last updated 8 months ago

Use a declare tag to create named variables within a block scope. This is analogous to a variable declaration in Dart.

This Dart code:

var one = 1, two = 2, three = null;

Becomes this Jael:

<declare one=1 two=2 three>
// Scoped content...
</declare>

Another example (this is actually the test for declare functionality):

<div>
<declare one=1 two=2 three=3>
<ul>
<li>{{one}}</li>
<li>{{two}}</li>
<li>{{three}}</li>
</ul>
<ul>
<declare three=4>
<li>{{one}}</li>
<li>{{two}}</li>
<li>{{three}}</li>
</declare>
</ul>
</declare>
</div>

Which yields:

<div>
<ul>
<li>
1
</li>
<li>
2
</li>
<li>
3
</li>
</ul>
<ul>
<li>
1
</li>
<li>
2
</li>
<li>
4
</li>
</ul>
</div>