X-Git-Url: https://juplo.de/gitweb/?p=examples%2Fangular-tour-of-heroes;a=blobdiff_plain;f=src%2Fapp%2Fmessages%2Fmessages.component.html;h=cbd08a315d2ea5c47145a2f7908722f6ed87d575;hp=89b9fa6e507bbd1d76b19b8d78131e2c42c208c1;hb=6cf1a6a74ad0cdefd6b940c5e8c2a81d1673be0e;hpb=5d4f4588a5945ef3907443b148cc69f2ccbd627a

diff --git a/src/app/messages/messages.component.html b/src/app/messages/messages.component.html
index 89b9fa6..cbd08a3 100644
--- a/src/app/messages/messages.component.html
+++ b/src/app/messages/messages.component.html
@@ -1 +1,5 @@
-<p>messages works!</p>
+<div *ngIf="messageService.messages.length">
+  <h2>Messages</h2>
+  <button class="clear" (click)="messageService.clear()">clear</button>
+  <div *ngFor="let message of messageService.messages">{{message}}</div>
+</div>