在angular2中重新导航（）

Posted 2023-02-22

【中文标题】在angular2中重新导航（）

【英文标题】：Renavigate() in angular2

【发布时间】：2016-08-31 00:05:25

【问题描述】：

我的组件中有一些输入字段。我只需通过 http.post 从服务器获取这些字段的值。而且我有 onCancelClick() 方法，我正在寻找在不刷新页面的情况下重新加载数据的方法。我试图使用 router.renavigate() 但它没有调用 ngOnInit() 方法。我不明白它实际上在做什么。（我已经导入了 CanReuse，但它都没有帮助）。从我的 onCancelClick() 方法中，如果我直接调用 this.ngOnInit() 它可以工作，但我认为这不是一个好习惯。有人知道吗？谢谢。

【问题讨论】：

请添加一些代码来演示您要完成的工作。理想情况下是允许复制的 Plunker（模板plnkr.co/edit/m4HHsZ?p=preview）

谢谢pastebin.com/xqMSnfid

我只需将数据移动到服务并绑定到该数据，然后更新服务中的数据，无需任何导航。 （或者订阅服务以在本地更新更改的数据angular.io/docs/ts/latest/cookbook/component-communication.html

【参考方案1】：

你可以使用 ngDoCheck 来监听指令的变化。

https://angular.io/docs/ts/latest/api/core/index/DoCheck-class.html

@Component(selector: 'my-cmp', template: `...`)
class MyComponent implements DoCheck 
  ngDoCheck() 
    // ...