1 import { Component, OnInit } from '@angular/core';
2 import { ROUTER_DIRECTIVES } from '@angular/router';
4 import { User } from '../../../shared';
5 import { UserService } from '../shared';
8 selector: 'my-user-list',
9 template: require('./user-list.component.html'),
10 styles: [ require('./user-list.component.scss') ],
11 directives: [ ROUTER_DIRECTIVES ]
13 export class UserListComponent implements OnInit {
17 constructor(private userService: UserService) {}
24 this.userService.getUsers().subscribe(
25 ({ users, totalUsers }) => {
27 this.totalUsers = totalUsers;
30 err => alert(err.text)
35 removeUser(user: User) {
36 if (confirm('Are you sure?')) {
37 this.userService.removeUser(user).subscribe(
38 () => this.getUsers(),
40 err => alert(err.text)