HTML+

Fragment & Ignore

HTML+ provides you with the fragment tag which is useful for when you dont need the wrapping tag and still want to apply logic like repeating and conditional rendering.

<fragment #if="user.isAdmin">
	<section id="control-pannel">...</section>
	<section id="user-manegement">...</section>
</fragment>

The above can also be accomplished with the #fragment attribute. Both will only render what is inside only.

<div #fragment #if="user.isAdmin">
	<section id="control-pannel">...</section>
	<section id="user-manegement">...</section>
</div>

Improve render time

Another very special tag and attribute is ignore. It signals to the compiler that the markup content does not need to be compiled and should be shown as is.

<ignore #if="user.isAdmin">
	<section id="control-pannel">...</section>
	<section id="user-manegement">...</section>
</ignore>

This can save compiling time and make your template render faster.

<div #ignore #if="user.isAdmin">
	<section id="control-pannel">...</section>
	<section id="user-manegement">...</section>
</div>

Escape HTML

The main purpose of ignore attribute and tag is for cases you just want to render the HTML has it is. In case you want to escape the HTML all together, you can provide the escape attribute.

<ignore escape>
	<pre><code>
		<h2>Some HTML Code</h2>
	</code></pre>
</ignore>

Ignore from value

Your HTML can also come from a variable in which in that case you can pass to it as the value to be shown on the page.

You may also provide the escape attribute as well.

<ignore value="$data.htmlCode"></ignore>
<!-- or -->
<div #ignore="$data.htmlCode"></div>

Both, fragment and ignore tags and attributes, will render the inner content only but ignore does not compile the content where fragment does.