コンポーネントプロパティにアクセスする際の角2の問題

Question

私はAngular 2で新しく、基本的なCRUD機能を持つプロジェクトを開発しようとしています。 Userコンポーネントがあり、ngAfterViewInitフックのプロパティにアクセスしようとしていますが、undefinedが表示されているという問題に直面しています。

ここにコードは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と表示されています。

私が何かを逃した場合は、ご提案ください。 ありがとうございます。

Answer 1

getUserDetails内のユーザープロパティを確認してください。テンプレートにusersプロパティを使用できます。コンポーネントのライフサイクルをよりよく理解するには、component lifecycle hooksをチェックしてください。

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

Answer 2

私は、これは、角2の問題はないと思う... は、これは世界的にこのインスタンスにアクセスtypescriptです問題です。私たちは聞かせて使用すると、写しで変数を宣言することによってこれを行うことができ

... 割り当てjavascriptオブジェクトが他のオブジェクトに複製され、その後1に対して行われたが、自動的に他の

に渡されるので、この問題はまたarrisesを変更我々はjqueryの機能

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