angular4 路由跳转 title的设置

路由跳转代码如下，构造器导入路由router：

constructor(
    aaa...
    private router: Router,
    bbb...
  ) { }


  toUrlPage(){
    let params = { queryParams: { optType: 'apply' } };
    setTimeout(() => {
      this.router.navigate(['/setup/msgsignatureform'], params);
    }, 500);

    // this.router.navigate(["/setup/msgsignatureform"],{queryParams:{optType:'apply'}});
  }

 MessageRoutingModule中路由设置：

const routes: Routes = [
  {path:'msgsignatureform',children: [{path: '',component: MsgSignatureFormComponent,pathMatch: 'full', data:{reuse: true,title:'短信签名申请'}}]}
];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule]
})
export class MessageRoutingModule { }

其中 data:{reuse: true,title:'短信签名申请'} ：

  reuse表示打开的页面可复用（点击其他title页时，不会关闭路由的页面）

  title表示设置路由到的页面的title标签名称 

效果图如下：