重新加载角度为4的零部件

Question

我用的是角度4。我对UI中的一个问题感到震惊。我先有emp1和emp2。如果我选择emp1，它将加载员工1的详细信息。如果我选择emp 2，所有表单字段都相同，它将加载employee 2的详细信息。

第一个的URL是：http://localhost:4200/empDetails/1

第二个的URL是：http://localhost:4200/empDetails/2

URL和路由中只有id已更改。问题是当从emp1更改为emp2 URL时，HTML不会刷新。显示相同的值（emp1显示的任何值）。它没有得到刷新。

我谷歌并尝试了以下方法。但是它不起作用。在我的onInit方法中，

this.activateRoute.params.subscribe(params => {
                 this.empId = params['id'];
            //below get method is get all the details based on emp id.
                 this.getEmpData(this.empId);     
                });

OnDropdown更改：

dropdownChange(){
        this.router.navigate(['/empDetails/' + this.empId]);
    }

有人能帮我解决这个问题吗？

Answer 1

试试这个，

const _self = this;
this.activateRoute.params.subscribe(params => {
                 _self.empId = params['id'];
                 _self.getEmpData(_self.empId);     
                });

然后，您仍然面临同样的问题，在组件中插入一个changedtectorref，并在值更改时手动调用其方法detectChanges。

例如：

constructor(private activateRoute: ActivatedRoute,
            private cd: ChangeDetectorRef) {
}

ngOnInit(): void {
      const _self = this;
      this.activateRoute.params.subscribe(params => {
                 _self.empId = params['id'];
                 _self.getEmpData(_self.empId);
                  _self.cd.detectChanges();
                });
}