Угловая проблема 2 в доступе к имуществу компонента

Я новичок в Angular 2 и пытаюсь разработать проект с базовыми функциями CRUD. У меня возникла проблема с тем, что у меня есть компонент User и пытаюсь получить доступ к его собственности в ngAfterViewInit крючок, но он показывает undefined.Угловая проблема 2 в доступе к имуществу компонента

Адрес User Компонент.

export class UserComponent implements OnInit, AfterViewInit 
{ 

private users: User[]; 
private userRoles; 

ngOnInit(){ 
      //get users from service 
      this.getUserDetails(); 
     } 
ngAfterViewInit() { 
       console.log(this); 
       console.log(this.users); 
     } 
getUserDetails() {  
      this._userService.getUsers().subscribe(users => this.users = users);    
     }  
}

Ниже приведены снимки экрана консоли. Я вижу, что объект имеет свойство users, но он показывает undefined в консоли.

Пожалуйста, дайте предложение, если я пропустил что-нибудь. Спасибо заранее.

источник

2016-11-21 Karan

Проверьте свойства пользователя внутри getUserDetails. Вы можете использовать свойство users в своем шаблоне. Проверьте component lifecycle hooks, чтобы лучше понять жизненный цикл компонента.

getUserDetails() {  
    this._userService.getUsers().subscribe((users) => { 
    this.users = users; 
    console.log(this.users); 
    }); 
}

источник

2016-11-21 12:49:41 ranakrunal9

он показывает данные в 'getUserDetails()', но все равно '' undefined' в ngAfterViewInit() ' – Karan

Каков ваш прецедент, для которого вам нужно проверить' users' внутри 'ngAfterViewInit'? – ranakrunal9

Я хочу инициализировать загрузочный бутстрап в hook 'initTable ($ tableUsers, columnsUsers, this.users, $ removeUser, $ toolbarUsers);' – Karan

Я думаю, что это не угловые 2 вопроса ... Это машинопись проблема доступа этого экземпляра глобально.

Мы можем сделать это с помощью пусть и объявить переменную в машинописных ... Когда JavaScript объект назначен клонируют в другой объект, то изменения, внесенные в один автоматически передается другой

так что этот вопрос также arrises когда мы хотим получить доступ машинописи этого объекта внутри JQuery функции

let _this = this; 
something.each(function() { 
    console.log(_this); // the lexically scoped value 
    console.log(this); // the library passed value 
});

источник

2016-12-09 11:34:01 gaurav

Угловая проблема 2 в доступе к имуществу компонента

ответ

Смежные вопросы