Angular2 router.navigate刷新页面

export const routes: RouterConfig = [
   { path: 'users',component: UsersComponent,canActivate: [AuthGuard] },{ path: 'users/new',component: NewUserComponent },];

addField(newName: String){
        this.items.push({ 
          name: newName,})
      this._router.navigate(['/users'])

您可能在click事件中调用router.navigate函数.

<button class="btn btn-default"
    (click)="save()">Save</button>

而保存功能就像是

save() {
    //Do stuff
    this._router.navigate(['/users',{ id: userId } ]);
}

这适用于IE11和Edge浏览器,但会在Chrome中重新加载应用程序.

这是因为如果按钮位于< form>< / form>内,则按钮元素中缺少类型. Chrome会使用“提交”作为默认值.单击按钮时导致表单提交.

在使用按钮元素时始终设置类型是首选
See here:

所以将HTML更改为

<button class="btn btn-default" type="button"
        (click)="save()">Save</button>

将使它适用于所有3个浏览器.

我以前的解决方案也有效,(通过返回false会阻止默认操作.a.k.a.提交表单)但我认为上面的解决方案是首选.

@H_874_2@ @H_874_2@