1 import { Component, OnInit } from '@angular/core';
2 import { ROUTER_DIRECTIVES } from '@angular/router';
4 import { Friend, FriendService } from '../shared';
7 selector: 'my-friend-list',
8 template: require('./friend-list.component.html'),
9 styles: [ require('./friend-list.component.scss') ],
10 directives: [ ROUTER_DIRECTIVES ]
12 export class FriendListComponent implements OnInit {
15 constructor(private friendService: FriendService) { }
18 this.friendService.getFriends().subscribe(
19 friends => this.friends = friends,
26 this.friendService.makeFriends().subscribe(
29 alert('Already made friends!');
31 alert('Made friends!');
39 if (!confirm('Are you sure?')) return;
41 this.friendService.quitFriends().subscribe(
43 alert('Quit friends!');