Skip to main content

Cũng như trong JavaScript, một khối if có thể có khối else theo sau:

App.svelte
{#if count > 10}
	<p>{count} lớn hơn 10</p>
{:else}
	<p>{count} ở giữa 0 và 10</p>
{/if}

Kí tự # luôn dùng để chỉ định khi mở một khối. Còn kí tự / luôn dùng để chỉ định khi đóng một khối. Kí tự :, như trong {:else}, sẽ dùng để chỉ định những khối tiếp diễn. Đừng lo, so với tất cả cú pháp mà Svelte thêm vào HTML, bạn vừa học gần hết rồi.

Tiếp theo: Khối Else-if

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script>
	let count = 0;
 
	function increment() {
		count += 1;
	}
</script>
 
<button on:click={increment}>
	Clicked {count}
	{count === 1 ? 'time' : 'times'}
</button>
 
{#if count > 10}
	<p>{count} lớn hơn 10</p>
{/if}
initialising