Convey the last element deletion in the markup

7 years ago · 84bd1e31e0
parent 831926bccd
commit 84bd1e31e0
3 changed files with 27 additions and 3 deletions
--- a/site/content/examples/03-logic/04-keyed-each-blocks/Thing.svelte
+++ b/site/content/examples/03-logic/04-keyed-each-blocks/Thing.svelte
@ -6,4 +6,12 @@
 	const valueAtStart = value;
 </script>

-<p>{valueAtStart} / {value}</p>
+{#if valueAtStart === value}
+	<p>
+		{valueAtStart} / {value}
+	</p>
+{:else}
+	<p>
+		{valueAtStart} / {value} => <i>bye bye last element...!</i>
+	</p>
+{/if}
--- a/site/content/tutorial/04-logic/05-keyed-each-blocks/app-a/Thing.svelte
+++ b/site/content/tutorial/04-logic/05-keyed-each-blocks/app-a/Thing.svelte
@ -6,4 +6,12 @@
 	const valueAtStart = value;
 </script>

-<p>{valueAtStart} / {value}</p>
+{#if valueAtStart === value}
+	<p>
+		{valueAtStart} / {value}
+	</p>
+{:else}
+	<p>
+		{valueAtStart} / {value} => <i>bye bye last element...!</i>
+	</p>
+{/if}
--- a/site/content/tutorial/04-logic/05-keyed-each-blocks/app-b/Thing.svelte
+++ b/site/content/tutorial/04-logic/05-keyed-each-blocks/app-b/Thing.svelte
@ -6,4 +6,12 @@
 	const valueAtStart = value;
 </script>

-<p>{valueAtStart} / {value}</p>
+{#if valueAtStart === value}
+	<p>
+		{valueAtStart} / {value}
+	</p>
+{:else}
+	<p>
+		{valueAtStart} / {value} => <i>bye bye last element...!</i>
+	</p>
+{/if}