4: Add Services

[examples/angular-tour-of-heroes] / src / app / messages / messages.component.html

diff --git a/src/app/messages/messages.component.html b/src/app/messages/messages.component.html
index 89b9fa6..cbd08a3 100644 (file)
--- 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>