小编mer*_*ino的帖子

执行router.navigate后刷新组件

我正在尝试使用以下方法从一个组件导航到另一个组件:

this.router.navigate(['/path/'], '_blank');
Run Code Online (Sandbox Code Playgroud)

问题是我导航到的组件已经创建,当我导航回页面时,它的ngOnInit方法没有被执行.我正在尝试刷新页面上显示的数据.这是在目标组件的ngOnInit函数中:

this.sub = this._DataService.getData().subscribe(data=> {
        this.data= data;
    });
Run Code Online (Sandbox Code Playgroud)

如何告诉目标组件,在进行导航时,页面上的数据总是会刷新?

我正在使用Ag-Grid在表格中显示数据.在NgOnInit函数中:

this.gridOptions.rowData = this.data;
Run Code Online (Sandbox Code Playgroud)

我最初来自的组件是一个添加新对象的表单.提交该对象后,它应重定向到网格并显示新对象.这就是网格应该更新其数据的原因,但是由于某种原因,只有当我通过网格中的上下文菜单操作而不是导航手动刷新它时才会这样做.

表单中的提交函数如下所示:

 onSubmit(data) {
    this._DataService.addData(data.value).subscribe();
    this.router.navigate(['/data/']);
}
Run Code Online (Sandbox Code Playgroud)

ag-grid angular2-routing angular

8
推荐指数
1
解决办法
1万
查看次数

使用ng-bootstrap中的锚点路由到特定选项卡

我正在尝试创建一个从ng-bootstrap打开选项卡的链接.

该选项卡有一个特定的ID,我正在创建如下链接:

 [routerLink]="['/path/', i.name]" fragment="anchorid"
Run Code Online (Sandbox Code Playgroud)

正确创建了URL但未打开选项卡.它始终显示页面上的第一个选项卡.

我正在使用Angular 4的哈希导航.

ng-bootstrap angular

5
推荐指数
1
解决办法
417
查看次数

标签 统计

angular ×2

ag-grid ×1

angular2-routing ×1

ng-bootstrap ×1