Javascript 角度2访问componet属性时的问题

Javascript 角度2访问componet属性时的问题,javascript,angularjs,angular,typescript,Javascript,Angularjs,Angular,Typescript,我是Angular 2的新手,正在尝试开发一个具有基本CRUD功能的项目。 我面临一个问题,我有一个User组件,并试图在ngAfterViewInithook中访问它的属性,但它显示的是undefined 这是用户组件的代码 export class UserComponent implements OnInit, AfterViewInit { private users: User[]; private userRoles; ngOnInit(){ //get

我是Angular 2的新手,正在尝试开发一个具有基本CRUD功能的项目。 我面临一个问题,我有一个
User
组件,并试图在
ngAfterViewInit
hook中访问它的属性,但它显示的是
undefined

这是
用户
组件的代码

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

如果我遗漏了什么,请提出建议。
提前感谢。

检查
getUserDetails
中的用户属性。您可以在模板中使用
users
属性。检查以更好地了解组件生命周期

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

检查
getUserDetails
中的用户属性。您可以在模板中使用
users
属性。检查以更好地了解组件生命周期

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

我认为这不是第二个问题。。。 这是全局访问此实例的typescript问题

我们可以通过在类型脚本中使用let和声明变量来实现这一点。。。 当分配的javascript对象被克隆到另一个对象时,对其中一个对象所做的更改将自动传递给另一个对象

因此,当我们想要访问jquery函数中的这个对象时,这个问题也会出现

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

我认为这不是第二个问题。。。 这是全局访问此实例的typescript问题

我们可以通过在类型脚本中使用let和声明变量来实现这一点。。。 当分配的javascript对象被克隆到另一个对象时,对其中一个对象所做的更改将自动传递给另一个对象

因此,当我们想要访问jquery函数中的这个对象时,这个问题也会出现

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

它在
getUserDetails()
中显示数据,但在
ngAfterViewInit()
中仍然
未定义的
您需要在
ngAfterViewInit
中检查
users
的用例是什么?我想在hook
initTable中初始化一个引导数据表($tableUsers,columnsUsers,this.users,$removeUser,$toolbarUsers);
它在
getUserDetails()
中显示数据,但在
ngAfterViewInit()中仍
未定义
您需要在
ngAfterViewInit
中检查
users
的用例是什么?我想在hook
initTable($tableUsers,columnsUsers,this.users,$removeUser,$toolbarUsers)中初始化引导数据表;