Svelte模板語法

{#if ...}

{#if expression}...{/if}

{#if expression}...{:else if expression}...{/if}

{#if expression}...{:else}...{/if}

可以將條件式渲染的內容包在 if 區塊中。

{#if answer === 42}
	<p>what was the question?</p>
{/if}

可以使用 {:else if expression} 添加額外的條件，並可選擇以 {:else} 子句結束。

{#if porridge.temperature > 100}
	<p>too hot!</p>
{:else if 80 > porridge.temperature}
	<p>too cold!</p>
{:else}
	<p>just right!</p>
{/if}

(區塊不一定要包住元素，它們也可以包住元素內的文字。)