Есть код, все данные (с ВК) получает, но не отрисовывает список пользователей...
ФАЙЛ AuthView.ts
import {Component, Inject} from 'angular2/core';
import {UsersService} from '../services/UsersService';
@Component({
selector: 'users-list',
template: `
<h1>Список пользователей</h1>
<ul class="nav nav-pills nav-stacked">
<li role="presentation" *ngFor="#user of currentUsers">
<a href="#">
{{ user.first_name }}
</a>
</li>
</ul>
`
})
export class UsersList {
private currentUsers = [];
constructor(@Inject(UsersService) private UsersService) {
UsersService.users.subscribe(newUsers => {
this.currentUsers = newUsers;
});
UsersService.fetchUsers();
}
}
ФАЙЛ UsersService.ts:
import {Injectable} from 'angular2/core';
import {Observable} from 'rxjs/Observable';
@Injectable()
export class UsersService {
public users: Observable<any>;
private _usersObserver: any;
private _users:any = [];
constructor() {
this.users = new Observable(observer => {
this._usersObserver = observer;
});
this.Init();
}
fetchUsers() {
this._usersObserver.next(this._users);
}
private getUsers () {
VK.Api.call('friends.get', {fields: ['photo_50']}, (r) =>{
if(r.response) {
this._users = r.response;
console.log("Пользователи загружены!");
this.fetchUsers();
}else{
console.log("Ошибка получения пользователей!");
}
});
}
Init() {
window.onload = () => {
VK.init({
apiId: 5419902
});
this.CheckStatusLogin();
};
}
CheckStatusLogin() {
VK.Auth.getLoginStatus((response)=> {
if (response.session && localStorage.getItem('user.session')!== null) {
console.log("/* Пользователь авторизован, продолжаем работу */");
this.getUsers();
} else {
VK.Auth.login((response) => {
if (response.session) {
localStorage.setItem('user.session', JSON.stringify(response.session) );
console.log('/* Пользователь успешно авторизовался */');
} else {
console.log('/* Пользователь нажал кнопку Отмена в окне авторизации */');
return false;
}
});
}
})
}
}
Сижу с этим уже который час.
ЧТО Я ДЕЛАЮ НЕ ТАК? :-'((((((((((
