角4 - 動作後の更新

Question

私はMEANにサンプルCRUDアプリケーションを作成しています。そのすべてが実行されますが、操作ごとにビューを更新することはできません。例えば、私のコンポーネントで、私は、削除のためにこれを持っていると読み：あなたが見ることができるように

ngOnInit() { 
    this.getUsers(); 
} 
getUsers() { 
    this.userService.getUsers().subscribe(res => { this.users = res.data; }); 
} 

deleteUser() { 
    this.userService.deleteUser(this.selectedUser).subscribe(this.selectedUser = null); 
} 

、私はngOnInit内getUsersを行います。私はdeleteuserの購読の中でthis.getUsersを実行しようとしますが、それは私にそうすることを許さず、getusersは定義されていないと言います。ビューを更新するにはどうすればよいですか？

Answer 1

subscribe（）の最初のパラメータは関数です。この関数は、あなたの観測値が何かを放射したときに発生します（この場合、観測値はhttp要求で、http要求が成功したときに観察されます）。その関数の中であなたは再度呼び出すことができますgetUsers方法

deleteUser(){   
    this.userService.deleteUser(this.selectedUser).subscribe(res => { 
     // http request was successful, perform logic in here 
     this.getUsers(); 
    }); 
}