angular2-routing相关内容

Angular2 刷新路由器插座

我正在开发 CRM,我在标题中有一个选择框,允许用户更改当前用户,另外,主要内容在router-outlet里面. 当用户选择另一个用户时,我想刷新页面但只刷新路由器插座,以便新用户的信息 我看到其他 CRM 只是将用户重定向到仪表板/索引页面,但我想让用户保持在同一页面上. 解决方案 你应该在服务中有一个函数 import {Subject} from 'rxjs/Su ..

Angular2 中的子路由

我有一个带路由的主要组件: @Routes([{路径:“/认证/登录",组件:AuthComponent},{小路 : "/",组件:默认组件}]) 默认组件路由: @Routes([{小路 : "/",组件:LevelListComponent},{路径:"/levels/:id/add",组件:LevelListComponent},{路径:"/levels/:id/ed ..
发布时间:2021-11-08 22:27:35 其他开发

为什么我的 app.component.html 中的一个表达式被多次调用?

我在 app.component.html 主模板中跟踪了一个表达式的评估,我意识到每次刷新或单击任何页面时,跟踪都出现了 5 次.然后我在 app.component.ts 的 ngOnInit 中放置了一个跟踪,它按预期只执行一次......只有 html 文件中的表达式被多次调用! 主要路线定义: const 路由:Routes = [{ path: '', redirectTo ..
发布时间:2021-11-08 22:27:11 其他开发

Angular 2:以两种不同的方式使用组件:作为路由的目标和通过选择器 <selector-my-component>

这是一个关于 Angular 2 的一般问题(这里没有源代码) 在 Angular2 中,组件可以被指定为路由器特定路由的目标.路线 /something/:myId 可能会激活“SomethingComponent". 同时可以通过引用模板中的选择器将组件拉入其他组件,如下所示: 两种方式都可以使用一个组件吗?我可以在组件内区分,它是如何被激活的吗? 解决方案 你可 ..
发布时间:2021-11-08 22:26:38 其他开发

Angular2:与路由子项的数据绑定

我有一个简单的设置.我正在使用具有多个子组件的路由组件,这些子组件根据路由动态加载.我希望其中一些子组件与其路由父组件进行数据绑定. 我将向子级添加一个 @Output() 属性,但是如何让路由父级侦听此事件发射器发出的事件? 通常在带有静态定义组件的模板中,我会这样做: 并且父级的 handleEvent 方法将处理该事件. 但是由于路由是动态插入组件的,所以这是不可能的 ..
发布时间:2021-11-08 22:26:22 其他开发

Angular 2 能否解析从外部 CMS 接收到的链接以解析为内部链接

我们正在开发一个以 Drupal 作为后端和 Angular 作为前端的解耦项目.一切都接近完成,但某些(动态,如在 Drupal 中创建的)页面需要链接到 angular 应用程序的不同页面. 例如: 编辑器在 Drupal 中创建了一个常见问题解答问题包含指向 angular 应用程序定价页面的链接.(问:这项服务的费用是多少?答:查看我们的 [定价] 页面) 前端用户打开常见问 ..

Angular 2 子路由会刷新父路由吗

我有一个应用程序,在某些情况下,我在父路由的子级之间路由.一个看起来像 example.com/a/1/ 另一个 example.com/a/2/ 将从 1 切换到 2 触发页面a 的重新加载/渲染? 就像在 a 中播放视频并且有一个路由出口作为该视频的兄弟,这种页面变化会触发视频重新加载吗? 如果是这样,可以防止这种情况发生吗? 解决方案 不,不会.父组件只有在您离开它然后再 ..
发布时间:2021-11-08 22:24:55 其他开发

单击以删除/停用角度 2 中的辅助路线

当我点击撰写按钮打开电子邮件模板时(例如,当点击撰写邮件时在 gmail 中给出),在单页中使用多个模板的辅助路由. 问题是:当点击十字按钮时,如何移除或停用此辅助路径. app.ts @RouteConfig([{小路: '/',name: '机会列表',组件:机会组件,useAsDefault: 真},{路径:'/详细信息',name: '细节',组件:细节组件},{辅助:'/ ..
发布时间:2021-11-08 22:24:42 其他开发

Angular 2 使用组件属性动态设置 routerLink

我创建了一个组件,其中包含一个具有 routerLink 属性的元素,我想从使用该组件的模板中设置该属性.当我尝试这样做时,我收到错误消息“无法读取未定义的属性‘路径’". 我的组件看起来链接了这个: info-box.component.ts import { Input, Component } from "@angular/core";从“@angular/router"导入 ..

如何在 Angular 2 中动态加载和显示包含 routerLink 指令的 html?

我有一个 Angular 2 组件,它根据某些用户操作从数据库加载 html.html 包含带有相对路径的锚标记.鉴于我不希望在用户单击链接时重新加载整个应用程序,我正在尝试使用 routerLink 指令;但是,由于此 html 是动态加载的,因此不会处理 routerLink.html 将不包含任何其他角度指令.实现这一目标的最简单方法是什么?请参阅下面的示例. import { Compo ..

如何预加载 angular2 视图,以便在首次加载时不会闪烁白页?

我正在用纯 JS 构建一个 angular 2 应用程序.我的问题是,当我从一个页面切换到另一个页面时,它会闪烁一个白页,直到呈现新视图.这仅在我第一次访问所有组件时发生.如果我第二次去相同的路线,页面加载时没有白页.我捕获屏幕以更好地解释我的问题:https://drive.google.com/file/d/0B5pOsXT-4rdTbmtuVnlUdXRMdE0/view?usp=shari ..
发布时间:2021-11-08 22:20:59 其他开发