-
1 votesanswersviews
Angular 4路由到外部插座
我想知道如何从任何组件 without need to configuring the "info" outlet as a child in the router for each component 链接到插座 (name="info") ? 例如我有一个侧面信息栏(里面有帮助信息)或者一种购物车,列出了所有添加的项目等 . 如果我尝试从另一个组件链接到... -
0 votesanswersviews
如何在angular 4项目的Login页面中隐藏导航侧栏 .
我是角度4项目的新手 . 到目前为止,我发现为单独的导航栏和渲染页面给出了其他答案,但我的一个是所有内容页面都嵌入并在导航栏页面内呈现 . 所以我把 <router-outlet> 放在导航页面内,没有关闭导航栏 . 如果我在app-component中给出 <router-outlet> ,它会单独呈现页面,而不是在导航栏中 . 我的代码如下 . 的index.html ... -
3 votesanswersviews
未捕获(承诺):SecurityError:无法在'History'上执行'pushState'
这些是我的路线: const routes:Routes =[ {path:'', component:WelcomeComponent}, {path:'profile', component: ProfileComponent}, {path:'addcourse', component: AddcourseComponent}, {path:'course', compone... -
1 votesanswersviews
Angular 4 - 从app组件调用子组件方法
简而言之,我使用角度4路由器,如果这有任何区别,它引起了一些关于View Child方法的担忧,因为我赢了't always be sure what component is currently active and if possible i' d喜欢避免为每个模板添加 #binding 属性 . 我试过这个ViewChild装饰器,ContentChild装饰器,事件,服务,到目前为止绝对 ... -
0 votesanswersviews
Angular 2/4/5 - 将子组件加载到主路由器插座
我目前正在使用角5 . 我遇到了路由器配置问题及其相应的组件内容表示 . 以下是我的路由器配置 . const appRoutes: Routes = [ { path: "", pathMatch: "full", redirectTo: "home" }, { path: "home",... -
1 votesanswersviews
Angular路由器附加组件数据而不是替换组件
首先,我尝试了这个答案,但没有找到我的解决方案:Similar question 让我告诉我如何实施: 我有两个组件 forgot-password & new-password 当用户提交忘记密码表格时,他将获得 email verification link .用户点击该电子邮件时 link 它将转到 forgot-password.ts 文件然后在 ngOnInit a... -
1 votesanswersviews
Angular 4:收回和转发浏览器按钮单击并更新页面
我是角度4的新手,如果用户点击后退或转发浏览器按钮,则会出现页面不刷新的问题 . url中的查询参数按历史记录更改,但页面不会刷新以前的结果 . 例如/ search?text =“ret”和后退按钮它变为/ search?text = ben&tab = doc . 需要在浏览器按钮单击时刷新“搜索”路径 . 尝试使用Location popstate事件捕获点击但无法刷新页面 . 设置win... -
7 votesanswersviews
在角度4延迟加载中将块名称替换为模块名称
我正在使用angular-cli-1.6.3捆绑我的项目 . 我尝试将延迟加载的块名称重命名为有效的模块名称 . 但它没有用 . 代码片段如下, {path:'lazy',loadChildren:' . / lazy / module#LazyModule?chunkName = LazyModule'} -
0 votesanswersviews
Angular LazyLoading,带有直接编译的捆绑.js文件
最近我读到了书中的延迟加载 . 在那里,作者提到只需使用以下路由器配置即可实现延迟加载: const ROUTES : [ { path : '/id', component: ExampleComponent, loadChildren: "DetailsComponentModule.bundle.js"... -
0 votesanswersviews
无法在延迟加载模块中路由到子项
我是角色4的新开发者 . 在我的一个项目中,我使用延迟加载进行路由 . 延迟加载模块包含子组件 . 但是,路由到子组件总是失败并出现错误 . Error: Cannot match any routes. URL Segment: 'home/addGroup' 如果我做错了,你能帮忙吗?我尝试了所有方法,但没有一个成功 . 以下是我的模块和路由 . index.html的: <app-r... -
4 votesanswersviews
角度4路由器没有路由器插座
我目前正在基于角度路由器实现角度4的自定义状态管理,基本上没有任何路由器插座根据路由事件自行连接和分离组件 . 它工作正常,直到我尝试从具有参数的路线导航到具有不同参数的相同路线,然后它崩溃 . This plunkr(观看控制台)解释了我的情况 . 从'危机中心导航' to '英雄' is fine, navigating from '英雄' to '英雄11 ' is fine, naviga... -
2 votesanswersviews
Angular 4中具有根路由器插座的嵌套路由
我在Angular 4应用程序中使用嵌套路由 . 它们的结构如下: routes = [ { path: 'parent', component: ParentComponent, children: [ { path: 'child', component: ChildComponent, children:... -
0 votesanswersviews
如何根据查询字符串路由到Angular组件?
我目前正在使用Angular 4/5,让我说我有2个组件 Component 1 和 Component 2 . 现在,我知道在路由的帮助下,我可以使用ROUTES类型的路由数组访问每个路由数组,其中我将为每个组件指定 path 和 component 属性 . 问题是我想要这两个组件的URL如下: 第1部分: http:// localhost:4200 /?property1 = valu... -
0 votesanswersviews
查询Angular IO中根组件的参数
我有一个非常简单的Angular 4应用程序,它从API获取数据并显示数据 . 我相信这应该只使用根组件: {path: 'main', component: MainComponent} 和QueryParams,如 ?id=1 . 我能够获取查询参数,但由于某种原因,我的路由器在已经存在的路由参数部分之后重复路由params部分URL . 例如,我的本地地址从 localhost:4200/... -
1 votesanswersviews
角度2/4连续路线参数;最后一个无组件
这里我有一个路由路径后跟两个路由参数,路由看起来像 section/sectionId/dashboardId : const appRoutes: Routes = [ { path: 'section/:sectionId', component: SectionComponent, children: [ { path: ':dashb... -
0 votesanswersviews
获取TypeError的导航标签:无法读取属性
我无法从一个页面导航到另一个页面 . 得到错误: 错误:未捕获(在承诺中):TypeError:无法读取未定义的属性'_willLeave'TypeError:无法在http:// localhost:8100 / build / vendor.js中读取未定义的属性'_willLeave':58523:32我有页面数组: pages = [ { pageName: 'ListPage... -
2 votesanswersviews
带参数的routerLink正在更改URL,但不会导航或重新加载组件
我已经检查了相关问题router.navigate changes the URL, but is not rendering the component,但同样的情况导致了相同的结果 . 我的路线模块中有一条路线: { path: "competition/details", loadChildren: "../pag... -
0 votesanswersviews
Angular 4路由器不根据路由更改命名路由器出口
当我导航到 / 时,正确的 NavbarComponent 显示在名为'navbar'的路由器插座上 . 但是,当我导航到 /app/dashboard 时, AppCentralNavbarComponent 未显示在名为'navbar'的路由器插座上,而是出现错误: 错误错误:未捕获(在承诺中):错误:无法激活已激活的插座错误:无法激活已激活的插座 被扔了 . app.routing.ts e... -
8 votesanswersviews
路由器命名为激活一次的出口
无论在主插座中导航的路线是什么,是否可以将路由器命名为出口一次激活然后永不销毁? 目的是让组件在页面上保持不变(例如, sidebar ),但在初始加载时获得路由的好处 - 例如防护(解析器)和延迟加载 . 要求是命名出口不应以任何负面方式影响UX,例如通过向SPA URL引入垃圾后缀,例如, (outletName:routeName) ,他们也不应该在初始激活后将它们与路由器分离,这是合适的... -
0 votesanswersviews
RouterLink无法正常工作
我有两个用于导航的组件1和一个用于页面内容的组件,RouterLink将路径路径添加到当前路由,例如,如果此路由 {path:'home',component:HomeComponent}, {path:'mygames/:id',component:UsergamesComponent} 这就是routerLink代码 <li class="treeview"... -
0 votesanswersviews
标签路线更改
我有角度标签 <tab (select)="goTo('materials')" id="materials"></tab> 组件 goTo(url) { this._router.navigate([url], { relativeTo: this.route }); } 在另一个选项卡“常规”我有一个链接重定向到这个“材料”选项... -
0 votesanswersviews
Angular 4 routing - EXCEPTION:Uncaught(in promise):错误:无法找到要加载的主插座'AppComponent'
我是Angular4的新手 . 当我试图探索Angular4中的路由时,我收到以下错误 EXCEPTION:未捕获(承诺):错误:无法找到加载'AppComponent'的主要插座 我检查了要修复的链接数量,但还没有用 . Angular2 Router error: cannot find primary outlet to load 'HomePage' Error : Canno... -
1 votesanswersviews
如何创建从应用程序组件页面到角度4的其他页面的导航链接?
嗨,我是Angular和 I tried other stack overflow answers also 的新手 . 目前我正在开展角度4项目 . 根据我的项目,我需要立即使用angular及其路由创建设计 . What I actually want is a login page, once key in login button need to go to another page ... -
0 votesanswersviews
程序路由器导航到具有命名路由器插座的组件
关于在组件中以编程方式进行路由导航,我有一个模糊的问题 . 我真的搜索了很多有用的解决方案,但我没有成为角度专家,因为我还在学习 .简而言之 . 我有一个AppRoutingModule: .... export const routes: Routes = [ { path: '', redirectTo: 'search', pathMatch: 'full' ... -
0 votesanswersviews
Angular 4 - 获取IIS错误404页面而不是重定向到我的404页面符合用户权限
我'm building an Angular 4 web application that have some restricted pages according to user permissions. I' m使用 canActivate 路由器属性阻止用户访问 . 如果用户没有访问该页面的权限,则会将其重定向到我开发的404错误页面 . 路线示例: const routes: Route... -
1 votesanswersviews
如何在Chrome中重定向到Angular2路由的canActivate中的外部URL,同时保持Referrer?
由于Observers在Angular中的深度以及调试那种事情所涉及的困难,我可能会对这里发生的事情略微偏离,但这正是我所观察到的 . 我有一个使用@ angular / router 5.2.6的Angular 5应用程序,我有一个Guard服务,我有一个外部SSO类型的用户身份验证服务 . 如果用户未经过身份验证,我需要能够重定向到我的身份验证服务,如果需要,请登录,然后返回他们最初尝试获取的... -
0 votesanswersviews
在subscribe函数中设置变量时,更新Angular6中的视图
呈现文件的第一个组件选择html 当我点击浏览按钮时,我重定向到另一个组件Fileselect组件,这是第二个组件 this.goto('fileselect'); 问题是当我从文件组件中选择一个文件时,我必须在第一个组件的输入字段中显示它 当我点击Select class按钮时,我正在调用redirect()函数 . 在文件选择组件中,我使用服务将文件名传递给第一个组件,如下面的代码所示 re... -
2 votesanswersviews
角度路由无法正常工作 . 投掷错误组件不是模块的一部分
我正在创建Angular 4应用程序并尝试实现基本路由 . 我的应用程序编译良好,但我的路由不起作用 我收到错误组件HomeComponent不是任何NgModule的一部分或模块尚未导入您的模块 . 我还没有配置路由器链接,但是假定路由应该在浏览器中的请求中起作用 . 当我点击主页时,home.component.html的内容应该同样加载点击编辑,新的,电影应该分别做同样的事情 告诉我有人在我... -
0 votesanswersviews
在angular5中登录页面之前隐藏导航栏
我'm working in angular5 app , so i'在github中使用了angular5模板,我试着像本教程一样在认证前隐藏导航栏https://loiane.com/2017/08/angular-hide-navbar-login-page/ 我没有得到任何错误,但导航栏总是隐藏,即使在用户身份验证后...,我正在使用后端 spring 启动( spring 安全JWT) ... -
7 votesanswersviews
Angular 4:路由到路由不起作用
在Angular 4中有一些基本的路由概念,我不明白 . index.html : <base href="/"> File structure: - app |- app.routings.ts |- collections |-- collection.component.ts |-- collection.component.html |-- collect...