Change the duck to a list of ducks, finalize editor

Signed-off-by: Gergely Polonkai <gergely@polonkai.eu>

app/app.component.html

@@ -1,12 +1,17 @@
 <h1>Hello!</h1>
-<div>
+<div *ngIf="selectedDuck">
     <div>
         <label>id:</label>
-        {{ duck.id }}
+        {{ selectedDuck.id }}
     </div>
     <div>
         <label>color:</label>
-        <input [(ngModel)]="duck.color" placeholder="Color">
+        <input [(ngModel)]="selectedDuck.color" placeholder="Color">
     </div>
 </div>
-{{ duck.color }}
+
+<ul>
+    <li *ngFor="let duck of ducks" (click)="onSelect(duck)">
+        {{ duck.color }}
+    </li>
+</ul>