Javascript 角度2访问componet属性时的问题
我是Angular 2的新手,正在尝试开发一个具有基本CRUD功能的项目。 我面临一个问题,我有一个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
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
的用例是什么?我想在hookinitTable中初始化一个引导数据表($tableUsers,columnsUsers,this.users,$removeUser,$toolbarUsers);
它在getUserDetails()
中显示数据,但在ngAfterViewInit()中仍未定义
您需要在ngAfterViewInit
中检查users
的用例是什么?我想在hookinitTable($tableUsers,columnsUsers,this.users,$removeUser,$toolbarUsers)中初始化引导数据表;