昨天教授大家如何將陣列內的資料透過組件顯示出來，但是如果不想顯示某個資料時該如何處理呢？今天就教授大家如何在svelte完成這需求。
本文同步放置於此
相信大家對於if else應該不陌生，簡單講就是若條件成立時就會執行區塊內的程式，所以今天svelte把這功能套用在html上。
就如同foreach一般，svelte在html上的語法是{}包夾起來的，因此if else語法如下
{#if expression}
...
{:else if expression}
...
{/if}
因此當我們不想要顯示某些資訊我們可以這麼做。
{#if item.enable}
<HelloWorld {name=item.name} />
{/if}
這時只有我們設enable為true的值才會出現在渲染的html上。
今天跟各位分享了if else判斷式，相信到今天為止可以完成很多需求，明天再跟大家分享一下$這符號的功用。
iThome鐵人賽
看影片追技術