diff --git a/app/LocationsComponent/locations.component.ts b/app/LocationsComponent/locations.component.ts
index 0a9f8ee..b5a3338 100644
--- a/app/LocationsComponent/locations.component.ts
+++ b/app/LocationsComponent/locations.component.ts
@@ -1,21 +1,18 @@
 import {Component} from 'angular2/core';
-import {RouteParams, Router} from 'angular2/router';
+import {ROUTER_DIRECTIVES} from 'angular2/router';
 import {LocationService} from '../services/location.service';
 
 @Component({
-    templateUrl: './app/locationComponent/template.html',
-    styleUrls: ['./app/locationComponent/style.css']
+    templateUrl: './app/LocationsComponent/template.html',
+    styleUrls: ['./app/LocationsComponent/style.css'],
+    directives: [ROUTER_DIRECTIVES]
 })
 
-export class LocationComponent {
+export class LocationsComponent {
 
     locations;
 
-    constructor(private _router:Router, private _routeParams:RouteParams, private locationService:LocationService) {
-
-        let id = this._routeParams.get('id');
-        console.info(id);
-        console.info("jojo");
+    constructor(private locationService:LocationService) {
 
         locationService.getLocations().subscribe(
             data => {
diff --git a/app/LocationsComponent/template.html b/app/LocationsComponent/template.html
index dcacc60..cd8837f 100644
--- a/app/LocationsComponent/template.html
+++ b/app/LocationsComponent/template.html
@@ -1,9 +1,9 @@
 <div class="grid">
     <h2>Locations</h2>
-    <div *ngFor="#location of locations" class="one-quarter location-thumb">
+    <div *ngFor="#location of locations" class="one-quarter location-thumb"
+         [routerLink]="['Location', {id: location.obj._id}]">
         <div class="back-img"
              style="background-image:url('https://locator-app.com{{location.obj.images.normal}}')"></div>
         <h3>{{location.obj.title}}</h3>
-
     </div>
 </div>
\ No newline at end of file