Angular 8 路由器不重定向到路由
我的app.component.html: 我的app-routing.module.ts import { NgModule } from '@angular/core';从'@angular/common'导入{CommonModule}；从“@angular/router"导入 { RouterModule, Routes };从'./components/menu/menu.com
..
angular2-routing相关内容
Angular:如何获取路由器插座的组件实例
html: 组件: @Component({选择器:'xx'，templateUrl: './xx.html',styleUrls: ['./xx.css'],供应商:[RouterOutlet]})导出类 AppComponent {构造函数(私有路由器出口:RouterOutlet){}获取引用(){控制台日志(this.routeroutlet)；console.log('刷新',
..
修改 ActivatedRoute 中的数据对象
我需要修改当前路由的数据对象中的面包屑值.这是我的路由配置. {路径:“用户"，组件:用户列表组件，孩子们: [{路径: ":id",组件:用户组件，数据: {面包屑:''},}],数据: {面包屑:'用户'}}, 我正在尝试这样做: this._route.data = { 面包屑:this.user.displayName };//_route是ActivatedRoute 但它不
..
在嵌套路由器中显示组件
我想路由到“配置"路由器，它嵌套了 2 个出口，但我无法找出正确的方法. 在我的routing.ts中，我创建了两种访问组件的方法: 导出常量路由:Routes = [{//入口点.路径:'Foo'，组件:FooComponent，canActivate:[IsServerOnlineGuard]，孩子:[路径:'Bar'，组件:B
..
Angular Router 以编程方式导航时，旧组件保留在 dom 中
角度版本:4 从 LoginComponent(位于 public/signin 路由中)登录后，我想导航到路径 中的 TestComponent公开/测试.我这样做如下:this._router.navigate(['public/test'])然后，它正确重定向，但问题是它没有从 DOM 中删除 LoginComponent(尽管 ngOnDestroy 确实被调用). 值得一提的
..
Angular:有些路由使用 PathLocationStrategy，但其他一些路由使用 HashLocationStrategy
我的 app.routes 中有 4 条路线. import { NgModule } from '@angular/core';从'@angular/router' 导入 { Routes, RouterModule };导出const pageRoutes:路由= [{path: '', redirectTo: 'home', pathMatch: 'full'},{path: 'home'
..
在 Angular 4 中使用 ID 进行路由
我在 Angular 4 中的路由方面需要帮助.我想像这样显示 URL.Localhost:4200/user/1 如果我点击了第一个用户的查看详情.我对如何做到这一点感到有些困惑.我已经在下面的代码中尽了最大努力，但仍然无法正常工作. app-routing.module.ts const appRoutes: Routes = [{ path: '', redirectTo: '/d
..
通过在路径前添加“%2f"字符来解决 angular4 路由问题
对我来说使用嵌套路由的原因是动态处理每个页面的图标和后退按钮.我有抽象路由，因为当我点击后退按钮时，路由参数消失了，我放了一个抽象路径来保留 id 和 questionnaire 类型参数在 url.my 抽象路径是 Questionaire { path: 'Home', component: HomeComponent,data:{icon:'fa-home'} },{ path: 'Qu
..
Angular 2 中的被动链接 - 相等的
在 Angular 1.x 中，我可以执行以下操作来创建一个基本上什么都不做的链接: 我的链接 但是相同的标签导航到 Angular 2 中的应用程序库.Angular 2 中的等价物是什么? 编辑:它看起来像是 Angular 2 路由器中的一个错误，现在有 github 上的一个悬而未决的问题. 我正在寻找开箱即用的解决方案或确认不会有任何解决方案. 解决方案 如果你有
..
选择路由器链接时关闭 md-sidenav
我正在做一个有角度的项目，我已经实现了有角度的材料组件，比如侧导航.side-nav 有 ul li 元素，其中链接是嵌套的并且是路由器链接而不是 href.我的问题是，当我选择一个链接转到另一个视图时，我想调用侧导航来切换和关闭.因为它总是保持打开状态 解决方案 选项 1: 您可以订阅 Router 事件并在路由器事件发生时关闭 sidenav. 代码: 需要这些导入:
..
导航后角度材质对话框未关闭
我正在开发一个显示数据表中实体概览的应用程序.每个实体都有链接的实体，在列中显示为“xxx 个链接的实体".当用户单击该列的值时，将打开一个显示链接实体列表的材料对话框.这些都是与其他实体的链接.单击这些链接之一后，将显示实体的正确页面，但该对话框不会关闭.使用后退按钮时我确实关闭了.我正在使用 closeOnNavigation 属性. 一些示例代码: 在我的主要组件中: publ
..
在 Angular2 中实现动态路由(Typescript)
RouteConfig 类可用于装饰具有路由功能的组件(@RouteConfig)，该类具有为该组件定义的某些路由定义.现在，问题是在运行时(动态)注入这些路由定义. 原因是，假设我有一个应用程序，我必须在其中显示(UI)和定义(装饰)“n"个路由，每个路由对应于加载应用程序的帐户以及相应的权限与该特定帐户相关联.因此，在装饰器 @RouteConfig 中为组件预定义路由定义没有任何意义.
..
在新的@angular/router 3.0.0-alpha.3^ 中找不到 provideRouter 和 RouterConfig
我正在将一个 angular2 应用程序迁移到 RC2 并尝试使用路由器的版本 3 alpha. 我已按照 angular docs 用于路由但我不断收到以下错误: /@angular/router/index"' 没有导出成员 'provideRouter' /@angular/router/index"' 没有导出成员 'RouterConfig' 尝试在我的 app.
..
Angular 2 - 将模块移动到他们自己的项目中
我正在尝试使用 angular 2 创建类似门户的功能，它将提供基本导航和全局服务(例如身份验证)，但允许其他开发人员创建自己的模块，这些模块从根本上插入门户. 我正在使用 angular-cli 并使用在项目中创建的模块(见下面的树)进行了概念的快速证明，这些模块通过路由器(使用 loadChildren)延迟加载到 app.module 中.每个子模块都有自己的路由器，并且从根本上与父门
..
如何以角度 2 获取当前路线自定义数据?
我设置的路线如下 const appRoutes: Routes = [{路径:'登录'，组件:登录组件，数据: {标题:'登录'}},{路径:'列表'，组件:ListingComponent，数据: {title: '主页',模块:'列表'}},{小路: ''，重定向到:'/登录'，路径匹配:'完整'},]; 现在当我来到 '/list' 路线然后在 'listing.component.t
..
如何以角度将对象从服务返回到组件
我想在 ngOninit 中访问特定的 json.所以我点击编辑按钮时有 id，在该 id 的帮助下，我从数据库中获取完整的对象，如表单名称、表单 json 等.因此，我想从服务中将该 json 返回给 ngOninit. 这里是服务. GetFormById (id: number) {返回 this.httpClient.get(this.API_URL +"GetFormTempl
..
canActivate 不响应订阅更改 Angular 2 路由器 AngularFire2
我正在使用 AngularFire2.我是这样处理我的 AuthGuard 服务的: canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): boolean {this.af.auth.subscribe((auth) => {if(auth == null) {this.router.navigate([
..
如何从子组件更改父变量?
这个问题很简单，但我无法摆脱它. 我在父模板中有一个 并且在通过路由模块显示子模板时需要它消失.我期望的是在标题标签中添加一个类，以便我可以通过 CSS 隐藏它.这就是我所拥有的: app.component.ts import { Component } from '@angular/core';@成分({选择器:'应用'，模板:`
..
在angular 2项目中上传图像的位置?
我有一个可以上传图片的应用.一切正常，我没有上传本身的问题......但是我遇到了问题，因为一旦我将图像和存储上传到服务器中，angular-clie 就会重新加载页面. 起初，我将图片上传到/src/assets然后我发现 angular-clie 正在刷新页面，因为它检测到它正在列出的文件夹中的一些新内容.所以我改变了这一点，现在图像正在上传到/resources(在 src 文件夹之外
..
在 ng-serve 上出错
我正在尝试使用 angular cli 并收到以下错误: 多个错误脚本加载器！./src/assets/vendors/by_bower/jquery/dist/jquery.js 实际上我所做的是: npm install -g @angular/cli; npm 安装 服务 在 package.json 我有"@angular/cli": "最新", 在 ng
..