在 Angular2 路由器插座中加载外部 URL
我正在使用 Angular2 开发应用程序.我有一个带有以下模板的组件: 有人可以帮助我如何在此 div 中加载外部 URL“www.example.com"? 解决方案 只需使用路由配置创建一个组件以在 内部呈现.然后你的组件模板里面应该有一个 指向你的外部站点. import {Component, OnInit} from '@angular/
..
router相关内容
动态更改组件但在地址栏上显示相同的 url
我有一个路由器插座，可以在表格、图表、列表等各种组件之间切换. 我要求不在地址栏上显示 url 更改. 假设表格路径是 http://mysite/table 并且图表是 http://mysite/chart,它应该始终显示 http://mysite 而不显示相对路径更改. 我认为使用相同的 url 但想使用路由器插座是没有意义的.寻找任何想法来实现使用 angular 更改
..
在 angular 2 中设置路由器 queryParams 不起作用
我尝试将 Arry 传递给路由器 queryParams，但并非每次都有效. 这是我的代码: clickOrg(event) {if (this.idLists[this.idLists.length - 1] != event.id) {this.idLists.push(event.id);this.type = event.type;console.log (this.idLists)t
..
路由到子路由模块，无需延迟加载
我想要多个 routing 模块，以保持我的应用程序干净且易于阅读.我目前对 SubComponent 使用延迟加载，但我不想这样做.所以我正在寻找一种方法来改变这种情况.无论如何，这是当前工作的代码. 我有以下两个路由文件. app-routing.module.ts: import { NgModule } from '@angular/core';从'@angular/rout
..
如何从父路由器或父路由器检查活动子路由器?
如何可能检查子路由器是否活动，在 angular 4 中显示状态为真或假， 现在我正在使用:/*@角度/cli:1.4.4节点:8.6.0打字稿:2.3.4@角度/路由器:4.4.4*/ 我的父路由是: const routes:Routes=[{路径:''，组件:SummaryOfFindingsComponent，孩子们:[{路径:'数据时间帧'，组件:DataTimeFrameCo
..
Angular 2 重复标题
在 AppComponent 模板中使用 时出现重复标头问题. 我使用的是“angular 2.0.0-rc.6"和“router 3.0.0-rc.1" 有人知道为什么会这样吗? 解决方案 应用程序在启动时显示两个标题，因为您的默认路径设置为 AppComponent，其中包含标题.该路径显示在另一个 AppComponent 中，您在 bootstrap 字段中的 app.
..
Angular2 NavigationEnd 事件的“事件"类型不存在属性“url"
this.subscription = this.router.events.subscribe((event:Event) => {控制台日志(事件.url)；##### 错误:“事件"类型上不存在属性“url".} Typescript 无法识别 Angular Router 中内置的 Event 类型的属性.tsd 上有什么东西可以用来解决这个问题吗?事件是类 NaviagationEn
..
用于并排显示的命名路由器插座 - 带有子路由
我的应用模块中有一个辅助路由器插座，如下所示. 然后我有一个带有子路由的功能模块，如下所示， @
..
用于并排显示的命名路由器插座 - 带有子路由
我的应用模块中有一个辅助路由器插座，如下所示. 然后我有一个带有子路由的功能模块，如下所示， @
..
如何在angular2中使用多个路由器插座?
我有一个主要的router-outlet，用于显示登录屏幕(/login)和主要内容屏幕(登录后显示)(/main). 一旦用户进入内容屏幕，我想在顶部显示一个导航栏，有 2 个选项(例如，“概览"、“见解").此导航栏对于 OverviewComponent 和 InsightsComponent 是通用的 在这个导航栏下方，我想显示另一个路由器插座，它会根据用户在导航栏中的点击加载
..
Angular2 2.0.0 组件单元测试导致错误:在注入路由器之前引导至少一个组件
看看之前的类似问题，似乎从来没有一个明确的答案. 这就是正在发生的事情.我正在使用 angular-cli 工具构建一个 angular2 应用程序(运行 beta 16，使用 angular 2.0.1 和路由器 3.0.1. 当我运行“ng test"时，我所有的测试都通过了，期待我的 app.component.(ng serve 工作正常等) 这是一些代码: app
..
如何以正确的方式在 Angular 8 中重新加载页面
注意.我通过谷歌搜索得到了一组结果，但正如我最后解释的那样，由于多样性，我觉得它们不可靠. 我有两种实用方法 - 一种用于导航到父节点，一种用于重新加载自身.第一个可以正常工作，而另一个则无法导致重新加载. navigateToParent(route: ActivatedRoute) {const 选项:NavigationExtras = { relativeTo: route };t
..
Angular 6.1.9 嵌套路由到命名出口 - “无法匹配任何路由"错误
我使用 Angular 6.1.9 及其路由器模块.我似乎不可能路由/显示命名的插座内容. 当调用 foo 时，它崩溃了: NavigationError(id: 2, url: '/overview/work/allPartners(edi
..
Angular 2 - 引导程序导航问题
我正在尝试将普通的引导程序页面转换为 Angular 2 中的组件.我在构建导航时实际上遇到了问题.最初的标签 如下所示
..
通过 routerLink 定位命名插座会添加无关的“/"
我正在尝试通过路由在我的应用中启动一个模态.一切似乎都有效，只是在 URL 中添加了一个额外的斜杠以防止其解析.Url 应该是这样的(如果我手动输入它就可以工作)... /accounts(modal:accounts/1/edit) 但我得到了这个(注意基本网址和出口目标之间的斜线)... /accounts/(modal:accounts/1/edit) 基础标签设置...
..
Angular 2 在指向根路由器的子节点中添加 routerLink
目前我正在使用 Angular 2 Beta 8 开发一个网络应用程序.现在我在使用 routerLink 指令时遇到了嵌套路由的问题. 路由器层次结构是: AppCmp|->新项目表单Cmp|->用户仪表板Cmp|->我的项目Cmp 涉及的组件有: @Component({...})@RouteConfig([{component: NewItemFormCmp, name: 'Ne
..
如何在 angular 应用程序中对 router.navigate 进行单元测试
我正在为 angular 应用程序运行单元测试，我想对导航在 angular 应用程序中是否正常工作进行单元测试. if (this.customer.length == 0) {this.router.navigate(['/nocustomer']);} 和单元测试 it(`应该导航到 nocustomer`,()=>{component.customers.length=0;//这
..
如何从父路由器或父路由器检查活动子路由器?
如何可能检查子路由器是否活动，在 angular 4 中显示状态为真或假， 现在我正在使用:/*@角度/cli:1.4.4节点:8.6.0打字稿:2.3.4@角度/路由器:4.4.4*/ 我的父路由是: const routes:Routes=[{路径:''，组件:SummaryOfFindingsComponent，孩子们:[{路径:'数据时间帧'，组件:DataTimeFrameCo
..
使用 vue-test-utils 时，“名称为‘某物’的路由不存在"vue-router console.warn
我正在为使用 vue-test-utils 的 vue.js 组件编写测试代码. 这里是与此相关的代码. const 路由 = [{...}, ...{...,路径:'/传输'，name: '转移',重定向:'/传输/全部'，...},...] Routes.ts export default class Transfers extends Vue {...@Watch('$route
..
useParams 钩子在反应功能组件中返回未定义
应用在网格中显示所有照片，然后一旦点击，中的一个功能code> 使用 history.push 更改 URL，Router 使用 useParams 钩子根据 URL 呈现 . PhotoGrid ->Photo(在点击时更改 URL)->Single 基于 URL (useParams).我一定是搞砸了什么，因为 useParams 返回 undefined. 感谢所有先进的想法.应
..