嵌套路由不会加载其组件,也不会路由到主路由

加里

在重新加载带有routes子路由的页面时it does not load the component due to the nature of the component,但它甚至没有路由回到主路由。首先,这应该由我来处理还是由角度来解决?

更新:哈希策略没有按照第二个问题的预期进行工作。如果首先,我有路线/users/...和一个孩子/users/vote重新加载/users时转到,/login但重新/users/vote加载时(自然)不会重新加载到该组件,也不会转到/ login

更新

@RouteConfig([
  {path: '/vote', component: VoteComponent, name: 'VoteCmp',useAsDefault: true },
  {path: '/getapproval', component: GetapprovalComponent, name: 'GetapprovalCmp' },
  {path: '/userresults', component: ResultsComponent, name: 'UserresultsCmp' }
])
@Component({
  selector: 'users',
....
 directives: [ROUTER_DIRECTIVES, RouterLink]
})

export class UsersComponent{

    constructor(private _userdetails: Userdetails, private _router: Router){
      if (this._userdetails.usertypeDetails() === "" || this._userdetails.isLoggedin() === false){
          this._router.navigate( ['HomeCmp'] );
      }
      if(this._userdetails.usertypeDetails() === 'admin'){
          this._router.navigate( ['AdminCmp'] );
      }
  }
}

我的投票部分

@Component({
  selector: 'vote',
  template: `<div>Vote Component</div>`,
})
export class VoteComponent {

constructor(private _userdetails: Userdetails, private _router: Router){
      if (this._userdetails.usertypeDetails() === "" || this._userdetails.isLoggedin() === false){
          this._router.navigate( ['HomeCmp'] );
      }
      if(this._userdetails.usertypeDetails() === 'admin'){
          this._router.navigate( ['AdminCmp'] );
      }
}

}

我的boot.ts有这个

bootstrap(MainComponent,[Userdetails,ROUTER_PROVIDERS, Location, provide(LocationStrategy, {useClass: HashLocationStrategy}, ROUTER_BINDINGS, bind(APP_BASE_HREF).toValue('/')]);
萨克斯

如评论中所述,存在一个APP_BASE_HREF和嵌套路由错误(可能是问题#5782)。

解决方案(目前)是将基本标记添加到主html中:

<base href="/">

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

优先于主路由嵌套路由

来自分类Dev

AngularJS路由-不会加载视图

来自分类Dev

Angular 2 RC1组件路由不会加载任何内容

来自分类Dev

如果我使用嵌套路由,嵌套路由组件是否是其父路由组件的子级?

来自分类Dev

反应嵌套路由

来自分类Dev

为什么Blazor不会路由到剃刀库中的组件?

来自分类Dev

ReactJS - 根据嵌套路由更改父组件中的组件

来自分类Dev

角路由:如何将所有未知的嵌套路由重定向到一个组件?

来自分类Dev

Vue-Router嵌套路由未加载我的组件页面

来自分类Dev

嵌套路由器中的链接无法导航到父路由器的路由

来自分类Dev

角嵌套路由与页面

来自分类Dev

Angular中的嵌套路由

来自分类Dev

Angular:多个嵌套路由

来自分类Dev

嵌套路由文件 Rails

来自分类Dev

ASP.NET 核心操作不会加载。可能是路由不好?

来自分类Dev

ReactJS:组件未在嵌套路由中呈现

来自分类Dev

React Hooks:组件未在嵌套路由中呈现

来自分类Dev

路由更改时,未路由的React组件不会更新

来自分类Dev

嵌套路由:如何在路由内进行路由?

来自分类Dev

路由后,Angular不会破坏源组件

来自分类Dev

如何通过代码导航到嵌套路由器

来自分类Dev

如何在主路由中加载新路由

来自分类Dev

最初未渲染的样式组件不会加载其样式

来自分类Dev

路由链接嵌套组件

来自分类Dev

Angular 嵌套组件路由

来自分类Dev

嵌套路由器不会返回值为“ route”的下一个回调

来自分类Dev

当我导航到主包未加载的嵌套路由时,使用React.js延迟加载

来自分类Dev

使用ngroute和ngview的Angularjs路由对我不起作用。单击链接不会加载预期的页面

来自分类Dev

余烬。路线。嵌套路由中的同名路由查找

Related 相关文章

热门标签

归档