refactor(services): add use of observables

This commit is contained in:
Dmitry Nehaychik 2017-07-13 18:34:57 +03:00
parent c86e92a9a9
commit f690da083e
3 changed files with 45 additions and 33 deletions

View file

@ -1,4 +1,4 @@
import { Component } from '@angular/core';
import { Component, OnInit } from '@angular/core';
import { UserService } from '../../../@core/data/users.service';
@ -7,33 +7,39 @@ import { UserService } from '../../../@core/data/users.service';
styleUrls: ['./contacts.component.scss'],
templateUrl: './contacts.component.html',
})
export class ContactsComponent {
export class ContactsComponent implements OnInit {
contacts: any[];
recent: any[];
constructor(private userService: UserService) {
const users = this.userService.getUsers();
this.contacts = [
{ user: users.nick, type: 'mobile' },
{ user: users.eva, type: 'home' },
{ user: users.jack, type: 'mobile' },
{ user: users.lee, type: 'mobile' },
{ user: users.alan, type: 'home' },
{ user: users.kate, type: 'work' },
];
this.recent = [
{ user: users.alan, type: 'home', time: '9:12 pm' },
{ user: users.eva, type: 'home', time: '7:45 pm' },
{ user: users.nick, type: 'mobile', time: '5:29 pm' },
{ user: users.lee, type: 'mobile', time: '11:24 am' },
{ user: users.jack, type: 'mobile', time: '10:45 am' },
{ user: users.kate, type: 'work', time: '9:42 am' },
{ user: users.kate, type: 'work', time: '9:31 am' },
{ user: users.jack, type: 'mobile', time: '8:01 am' },
];
}
ngOnInit() {
this.userService.getUsers()
.subscribe((users: any) => {
this.contacts = [
{user: users.nick, type: 'mobile'},
{user: users.eva, type: 'home'},
{user: users.jack, type: 'mobile'},
{user: users.lee, type: 'mobile'},
{user: users.alan, type: 'home'},
{user: users.kate, type: 'work'},
];
this.recent = [
{user: users.alan, type: 'home', time: '9:12 pm'},
{user: users.eva, type: 'home', time: '7:45 pm'},
{user: users.nick, type: 'mobile', time: '5:29 pm'},
{user: users.lee, type: 'mobile', time: '11:24 am'},
{user: users.jack, type: 'mobile', time: '10:45 am'},
{user: users.kate, type: 'work', time: '9:42 am'},
{user: users.kate, type: 'work', time: '9:31 am'},
{user: users.jack, type: 'mobile', time: '8:01 am'},
];
});
}
}