Angular2 路由器 - 辅助路由

2024-01-06

我确实有一个默认加载的延迟加载模块LazyLoadedComponent当我去/lazy。到目前为止,还可以。

该组件包含 2 个 router-outlet :

<router-outlet></router-outlet>
<router-outlet name="aux"></router-outlet>

该模块有以下路由:

const routes = [
  {
    path: '',
    component: LazyLoadedComponent,
    children: [
      {
        path: '',
        component: NonAuxComponent
      },
      {
        path: '',
        component: AuxComponent,
        outlet: 'aux'
      }
    ]
  }
];

当我去/lazy我确实按预期加载了 3 个组件。 但是,如果我想更改显示路径AuxComponent像那样 :

{
   path: 'auxpath',
   component: AuxComponent,
   outlet: 'aux'
}

我尝试去/lazy(aux:auxpath)它不起作用。

我也尝试使用该网址routerLink像那样 :

<a [routerLink]="[{ outlets: { aux: 'auxpath' } }]">Load an auxiliary route</a>

但它也不起作用。

这是路由器的错误吗?难道只是我在这里错过了一些东西吗?

您可以查看Plunkr http://plnkr.co/edit/TiwzIoR8t57yRrx8zpaQ?p=preview进行自己的测试。


在尝试了很多事情之后,我最终得出的结论是,这可能是一个错误@angular/router.

我创建了一个Github问题 https://github.com/angular/angular/issues/13807,事实证明一个已经存在 https://github.com/angular/angular/issues/10981自八月以来。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Angular2 路由器 - 辅助路由 的相关文章

  • Angular 2 兄弟组件通信

    我有一个列表组件 当在 ListComponent 中单击某个项目时 该项目的详细信息应显示在 DetailComponent 中 两者同时出现在屏幕上 因此不涉及路由 如何告诉详细组件列表组件中的哪个项目被单击 我考虑过向父级 AppCo
  • 模块构建失败时出现错误(来自 ./node_modules/@angular-devkit/build-angular/node_modules/mini-css-extract-plugin/dist/loader.js)

    当我跑步时ng build prod得到这个错误 它可以正常运行 但无法构建 我中继与此相关 ERROR in Module build failed from node modules angular devkit build angul
  • Angular 2 RC 2 如何将路由器注入自定义异常处理程序

    我正在使用 Angular 2 RC2 我需要将 Angular 2 Router 注入到我的自定义 ExceptionHandler 类中 但是我收到以下错误 错误 错误 无法解析 ErrorHandler 的所有参数 确保所有参数都用
  • 将参数传递给 Angular2 组件

    我正在学习 Angular2 所以要温柔 我有一个带有字符串数组的基本组件 我想将一个整数传递给该组件并让它返回在该参数的索引处找到的字符串 例如 myComponent number 1 返回字符串 第二个元素 到目前为止我的代码是这样的
  • 从 *ngIf Angular 5 调用函数

    假设我这里有这段代码 div lorem ipsum div 如果 ngIf 计算结果为 true 有没有办法可以调用函数 你知道这样的事情 div lorem ipsum div 任何帮助 将不胜感激 Thanks 角度方式是 div d
  • 调整移动加速计数据以考虑手机旋转

    我希望记录移动加速度计数据 x y z 并将其调整为一致 无论手机的方向 旋转如何 这里的用例是在驾驶时记录和标准化这些参数 以检测转弯 扭曲等 其中的一个关键要素是确保报告的数据独立于手机在汽车中的方向 我在用gyronorm js ht
  • 使用 ngx-translate 翻译 Angular 2?

    我已按照说明进行所有配置和设置 应用程序模块 ts import Http from angular http import TranslateModule TranslateStaticLoader TranslateLoader Tra
  • 上传带有附加信息的文件(Angular 8 到 C# Core 3)

    我终于弄清楚如何将文件从 Angular 8 前端上传到 C Net Core 3 0 后端 API 控制器 但为了获得我完全需要的内容 我还有一个类定义了用户设置的文件内容 例如标题行 列值等 也需要传入 在客户端 我只需创建一个 For
  • 在 Angular 中包含共享资产

    我创建了一个有角度的工作区 其中托管多个有角度的项目和库 在工作区中 我有一个共享库 其中包含所有资产 图像和徽标 assets projects xxx workspace src favicon ico projects xxx wor
  • 更新清单 XML 后强制 Excel 刷新命令功能区(对于 Office 加载项)

    我正在使用 office js 和位于共享驱动器上的 XML 清单来侧载 Office 加载项 加载加载项后 这会添加一个新的功能区 其中包含一些自定义命令图标 然而 编辑manifest XML文件后 假设我从功能区注释掉命令图标 我还没
  • 如何使用 RxJS 并行执行其他 Observable 之前等待第一个 Observable 完成

    目前我已经并行运行了所有 3 个请求 现在我需要等待第一个完成 然后才能并行触发另外两个 这就是我现在所拥有的 return Observable forkJoin request1 request2 request3 map succes
  • 更新到 Angular 6 和 rxjs 6 后 Plunker 损坏

    我有一个Plunker 中的 Angular 应用程序 https embed plnkr co 1dAIGrGqbcfrNVqs4WwW 自从我升级我的应用程序以使用 Angular 6 和 rxjs 6 以来 它不再起作用 这是我的co
  • Angular 5 - 加载视图后加载脚本

    我有一个遗留脚本 需要将其包含在我的角度应用程序中 该脚本的特点是它与特定组件相关 并且只有在加载该组件的视图之后才必须加载它 就今天而言 我成功地将它包含在 OnInit 函数中 但有时 并非总是出于某种原因 CLI 会抛出有关它的错误
  • Angular2 Reactive Forms - 根据条件动态禁用表单控制

    我有一个选择控件 我想根据条件动态禁用它 this activityForm this formBuilder group docType value 2 disabled this activeCategory document Vali
  • 数字管小数点后 0 或 2 位

    我想实现数字格式 如果数字是整数 则不应有小数占位符 00否则使用 2 位且仅使用 2 位小数 例如 1 23 gt 1 23 1 23456 gt 1 24 1 2 gt 1 20 1 0 gt 1 1 gt 1 根据文档 您只能指定小数
  • Angular 5在另一个变量更改时自动更新字符串变量

    当另一个变量发生变化时 有没有办法更新字符串变量 我有一个使用各种变量构建的字符串 我使用插值在组件的 html 文件中显示该字符串 但是 如果变量更改了字符串用于构建自身的变量 则该字符串将永远不会更改 因为它们不可变 唯一的方法是当其他
  • 从另一个组件获取价值 Angular 7

    我必须将组件导航栏和 form diyalog 分开 我想在导航栏中使用 form diyalog 的值 这是我的 navbar ts import Component OnInit from angular core import Men
  • Angular2 路由器和一条路由中的多个解析

    In ui router在路由配置中定义多个解析很容易 所以我们可以这样说 export const APP STATES Ng2StateDeclaration name dashboard url dashboard component
  • 如何在 Angular 4 中将 xml 转换为 json?

    我是 Angular 4 的初学者 我没有足够的知识如何处理 XML 到 JSON 以及如何在 Angular 4 中调用服务 请建议 基于库http goessner net download prj jsonxml http goess
  • 构造函数上的分支未涵盖

    我正在使用 Jasmine 创建单元测试 我对所涵盖的分支有疑问 有谁知道为什么代码部分显示分支没有被覆盖 如下所示 这是单元测试 describe MyComponent gt let component MyComponent let

随机推荐

  • bx滑块启动/停止功能

    我正在使用 bxslider 插件 并为上一个和下一个功能创建了一些外部控件 尽管我似乎不知道如何对启动 停止控件执行相同的操作 基本上我想用它作为滑块的播放 暂停功能 有人有这个插件的经验吗 这是我到目前为止所拥有的 没有启动 停止功能工
  • 跨域图片上传 Angular+laravel

    我一直在努力在服务器上上传图像 我在用ng文件上传 https github com danialfarid ng file upload在前端 但我总是得到 对预检请求的响应未通过访问控制检查 请求的资源上不存在 Access Contr
  • 如何在 Ruby 中解析带有单引号 (') 的 JSON 字符串?

    我正在尝试解析这样的 JSON 字符串 JSON parse foo 42 但是 这会产生 JSON ParseError JSON ParserError 757 unexpected token at foo 42 from Users
  • 更新插入文档和/或添加子文档

    我一直在努力解决 MongoDB Mongoose 和 JavaScript 的异步特性以及如何最好地对集合进行多次更新 我有一张包含客户和联系人数据的 Excel 表格 有些客户端有多个联系人 每行一个 并且客户端数据是相同的 因此客户端
  • 运行 Leiningen 时出现 java.lang.NoSuchMethodError:clojure.lang.KeywordLookupSite

    我刚刚下载了 Leiningen 但无法运行它 下载自己的 Jar 存档后 脚本失败并出现 java 错误 通过跑步bash x lein我可以看到它挂在这一行 exec java Xbootclasspath a home andrea
  • 如何使用 Swift 构建 ScrollView?

    我正在构建我的第一个 IOS 应用程序 我正在努力寻找一种方法来使用 XCode6 上的 Swift 代码做一个简单的 ScrollView 请问有人可以帮助我找到解决方案吗 我的问题是我不知道如何使滚动视图在我的代码中工作 我已经将代码放
  • 通过 gdal 将多个频段合并在一起...正确

    我正在 python 中使用一些 Sentinel 2 卫星图像 现在我使用较新的 2016 年之前的 没有任何问题 但我需要使用 2016 年的一些 欧洲航天局没有以同样的方式对这些进行预处理 通常 当您下载图块时 您通常会获得每个卫星频
  • 计算字符串中前导空格的 pythonic 方法是什么?

    我知道我可以用这个来计算字符串中的前导空格 gt gt gt a foo bar baz qua n gt gt gt print Leading spaces len a len a lstrip Leading spaces 3 gt
  • 具有椭圆积分和贝塞尔函数的 Java/Scala 数学库?

    我正在寻找一个用于科学计算的数学库 以便在 Java Scala 中使用 特别是我需要完整的椭圆积分和修正的贝塞尔函数 如果它是开源的 我会很高兴 但我想我将不得不采用那里的任何东西 替换 scipy 用于科学计算的 python 库 会很
  • 为什么对原始值使用表达式主体属性? [复制]

    这个问题在这里已经有答案了 表达式主体属性与直接属性声明相比有何优缺点 例如 使用有什么好处吗 public string Foo gt Bar 与简单地 public string Foo Bar 我的理解是 gt 当值来自方法 例如 l
  • 图片上传重力形式预览

    我使用 重力表格 制作了一个联系表格 其中我使用了图像上传器 现在我想向正在上传的用户显示图像的预览 有办法实现这个目标吗 抱歉 迟到的答复
  • XIB中如何根据子视图大小调整超级视图的高度?

    在xcode 6中 我为自定义视图创建了一个xib 名为 ViewA 有红色背景色 ViewA的xib有一个文件大小600 600 在ViewA中 我放置了一个子视图labelB 有绿色背景色 其中 labelB的numberOfLines
  • 为加密狗附加系统编写什么代码才能提供更好的安全性?

    我开发了一个软件 使用 C 和 Python 我想用加密狗对其进行保护 以便复制和逆向工程变得足够困难 我的加密狗设备附带一个 api 它提供以下功能 检查加密狗是否存在 检查正确的加密狗 写入加密狗的内存位置 从加密狗等的内存位置读取 我
  • 如何在方法内使用“this”创建类的新实例?

    我正在寻找一种方法来调用 newthis从类方法内部 class Example fork return new this const x new Example fork instance of example class Alpha e
  • 如何开发适用于手机和平板电脑的 Xamarin 表单应用程序

    1 在Android Java 中 手机和平板电脑有不同的文件夹 Layout布局 大布局 xlarge 2 在 iOS 中 使用通用设置 我还没有尝试过以 Xamarin 形式 我需要一些帮助 如果该应用程序适用于手机和平板电脑 我需要做
  • Pyinstaller:找不到 PyQT5 Web 应用程序的 QtWebEngineProcess.exe

    我正在开发一个显示 folium 地图的 Web 应用程序 该网络应用程序有 3 个选项卡 每个选项卡都有一个QWeb引擎视图小部件添加到其中 我正在尝试为我的 Web 应用程序创建一个独立的 exe 文件 因此 我使用 Pyinstall
  • SuSE 上的 rpmlib(FileDigests) 依赖性错误

    Doing a 百胜安装A 3 6 0在 SuSE 11 2 64 位 和 CentOS 5 8 64 位 上 都会弹出以下安装要求错误 error Failed dependencies rpmlib FileDigests lt 4 6
  • Dataframe 写入 Postgresql 性能不佳

    在 postgresql 中工作 我有一个笛卡尔连接 生成约 400 万行 连接需要约 5 秒 写回数据库需要约 1 分 45 秒 这些数据需要在 python 中使用 特别是在 pandas 数据框中 因此我正在尝试在 python 中复
  • 使用入口点定义的命令强制执行 python 解释选项

    我想强制使用 python S 运行脚本 我使用 setup py 中的entry points 定义脚本 有这个选择吗 Thanks 我认为 setuptools 中没有这样的选项 您可以创建一个存根脚本并在scripts而是使用 dis
  • Angular2 路由器 - 辅助路由

    我确实有一个默认加载的延迟加载模块LazyLoadedComponent当我去 lazy 到目前为止 还可以 该组件包含 2 个 router outlet