Index: Farmatiko/ClientApp/src/app/counter/counter.component.html
===================================================================
--- Farmatiko/ClientApp/src/app/counter/counter.component.html	(revision de2baac70eb3503389d3cae567820de984e657ef)
+++ Farmatiko/ClientApp/src/app/counter/counter.component.html	(revision 4b342bb138fa07b852582b8afca09386e033298a)
@@ -1,10 +1,2 @@
-<!-- <h1>Counter</h1>
-
-<p>This is a simple example of an Angular component.</p>
-
-<p aria-live="polite">Current count: <strong>{{ currentCount }}</strong></p>
-
-<button class="btn btn-primary" (click)="incrementCounter()">Increment</button> -->
-
 <app-nav-menu></app-nav-menu>
 
@@ -13,19 +5,23 @@
     <h2>Здравствени установи</h2>
     <input type="text" class="form-control" name="lek" placeholder="Пронајди лек">
-    <table class='table table-striped table-bordered table-sm' cellspacing="0" width="100%" aria-labelledby="tableLabel" *ngIf="true">
+    <table class='table table-striped table-bordered table-sm' cellspacing="0" width="100%" aria-labelledby="tableLabel" *ngIf="facilities">
         <thead>
             <tr>
-            <th>Placeholder1</th>
-            <th>Placeholder2</th>
-            <th>Placeholder3</th>
-            <th>Placeholder4</th>
+            <th>Име</th>
+            <th>Општина</th>
+            <th>Адреса</th>
+            <th>Тип на установа</th>
+            <th>Е-пошта</th>
+            <th>Телефон</th>
             </tr>
         </thead>
         <tbody>
-            <tr *ngFor="">
-            <td>data1</td>
-            <td>data2</td>
-            <td>data3</td>
-            <td>data4</td>
+            <tr *ngFor="let facility of facilities">
+            <td>{{ facility.Name }}</td>
+            <td>{{ facility.Municipality }}</td>
+            <td>{{ facility.Address }}</td>
+            <td>{{ facility.Type }}</td>
+            <td>{{ facility.Email }}</td>
+            <td>{{ facility.Phone }}</td>
             </tr>
         </tbody>
Index: Farmatiko/ClientApp/src/app/counter/counter.component.ts
===================================================================
--- Farmatiko/ClientApp/src/app/counter/counter.component.ts	(revision de2baac70eb3503389d3cae567820de984e657ef)
+++ Farmatiko/ClientApp/src/app/counter/counter.component.ts	(revision 4b342bb138fa07b852582b8afca09386e033298a)
@@ -1,4 +1,5 @@
-import { Component } from '@angular/core';
-
+import { Component, Inject } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import { HealthFacilities } from '../models/HealthFacilities';
 @Component({
   selector: 'app-counter-component',
@@ -7,8 +8,10 @@
 })
 export class CounterComponent {
-  public currentCount = 0;
+  public facilities: HealthFacilities[];
 
-  public incrementCounter() {
-    this.currentCount++;
-  }
+  constructor(http: HttpClient, @Inject('BASE_URL') baseUrl: string) {
+    http.get<HealthFacilities[]>(baseUrl + 'HealthFacilities').subscribe(result => {
+      this.facilities = result;
+    }, error => console.error(error));
+  } 
 }