angular 4-组件内的路由(子路由)不能正常工作
Angular 4是一种流行的前端开发框架，用于构建单页应用程序。在Angular 4中，组件内的路由（子路由）是一种用于在组件内部进行页面导航的机制。然而，如果组件内的路由不能正常工作，可能是由以下几个原因引起的：
- 路由配置错误：首先，需要确保在组件的路由配置中正确定义了子路由。在Angular 4中，可以使用
children属性来定义子路由。确保子路由的路径和组件的路径匹配，并且在需要导航到子路由时，使用正确的链接。 - 路由导航错误：如果组件内的路由无法正常工作，可能是由于路由导航的错误。在Angular 4中，可以使用
routerLink指令或router.navigate方法来导航到子路由。确保在导航时使用了正确的路由路径和参数。 - 路由模块未导入：如果组件内的路由无法正常工作，可能是由于路由模块未正确导入。在Angular 4中，需要在组件所属的模块中导入
RouterModule和相关的路由配置。确保在模块的imports数组中正确导入了相关的路由模块。 - 路由守卫拦截：如果组件内的路由无法正常工作，可能是由于路由守卫拦截了导航。在Angular 4中，可以使用路由守卫来拦截导航并执行一些额外的逻辑，例如身份验证或权限检查。确保在路由守卫中没有阻止子路由的导航。
对于解决组件内路由无法正常工作的问题，可以参考以下步骤：
- 检查组件的路由配置，确保子路由的定义正确，并且路径和组件的路径匹配。
- 检查路由导航的代码，确保使用了正确的路由路径和参数。
- 检查组件所属的模块，确保导入了
RouterModule和相关的路由模块。 - 检查是否有路由守卫拦截了导航，如果有，确保没有阻止子路由的导航。
腾讯云提供了一系列与云计算相关的产品，例如云服务器、云数据库、云存储等。这些产品可以帮助开发者构建和部署各种应用程序。对于Angular 4中组件内路由无法正常工作的问题，腾讯云并没有直接相关的产品或解决方案。然而，腾讯云的云服务器和云数据库等产品可以作为支持和托管Angular 4应用程序的基础设施。您可以访问腾讯云官方网站（https://cloud.tencent.com/）了解更多关于腾讯云产品的信息。
相关·内容
我目前正在尝试构建我们的Angular1应用程序的Angular2原型(基于alpha44) (相当复杂)，并且在使用路由和子路由时，我正在尝试找到最佳的模型/数据架构。
在我的示例中，通过从路由创建的子组件，我希望访问父组件(托管router-outlet)的属性。
但是，当您从router-outlet创建组件时，您不能再使用@Input和@Output。那么，除了基本routeParams和静态routeData之外，注入一些数据/属性的最佳实践是什么？
如何在没有太多耦合的情况下与父组件通信？
浏览 0提问于2015-10-24得票数 6
目前，我正在使用Visual studio的angular应用程序与在线Angular 2模板。当我选择默认模板和app.component作为启动组件时，应用程序工作正常。但是当我需要将它更改为另一个组件作为启动组件(home.component)时，我的应用程序就不能工作了。
请给我引路。
浏览 4提问于2017-08-09得票数 0
使用Angular 2 beta.0
我有一个这样的组件结构
App (Has RouteConfig)
-> List
| -> ListItem (Want to use RouterLink from here)
这将导致一个错误：Component "List" has no route config.
因此，我在List组件上放置了一个RouteConfig，如下所示...
@RouteConfig([
{path: '/:id', name: 'Details', component: Detail}
])
但是
浏览 0提问于2015-12-19得票数 8
2回答
我已经开发了一个Angular2应用程序使用路由。
我的问题是：
我有一个登录页面，其中有不同的HTML和CSS.Once成功登录，我重定向到另一个页面有不同的HTML和CSS。但是我的主要布局是index.html(登录页面)。因此，我需要了解如何使用多个布局？
我做过一些研发工作，但我不知道如何实施？
请查找以下代码：
1) app.routing.module
import { NgModule } from '@angular/core';
import { Routes, Router, RouterModule } from '@angular/router
浏览 8提问于2016-12-13得票数 0
回答已采纳
2回答
我正在尝试让我的路由在我的Angular 2应用程序中工作。
下面是我在app.routes.ts文件中使用的代码
export const ROUTES: Routes = [
{ path: '', component: PublicComponent, data: { title: 'Heroes List' } },
{ path: 'home', component: PublicComponent },
{ path: 'admin', component: PrivateComponent,
浏览 0提问于2017-06-17得票数 8
回答已采纳
我已经使用Angular CLI创建了一个Angular应用程序，并创建了一个组件：ng g c parent。 如何创建子组件(例如child1和child2)，并使用angular CLI将它们与父组件集成？ 我正在尝试创建一个简单的示例，并在一些示例中理解父组件与子组件的关系。
浏览 38提问于2019-01-04得票数 1
回答已采纳
我使用的是angular 1.5 beta 2和Angular 2 alpha 45的新路由器。
我找不到使用Angular 1的最新路由器的示例。
我可以找到使用@RouteConfig的Angular 2路由器的用法示例。
有人能解释一下我如何配置angular 1控制器吗？如果可能的话，还有一个完整的工作示例？
浏览 3提问于2015-11-11得票数 14
1回答
我想在我的Angular 2应用程序中更改布局。布局围绕着路由器-outler，这就是我的问题。所以我不能这样做：
<router-outlet name="navbar"></router-outlet>
<router-outlet></router-outlet>
<router-outlet name="footer"></router-outlet>
我的默认插座必须在布局的某些标签之间...为了说明我想要什么，我尝试了这个转换：
<router-outlet name=&#
浏览 0提问于2016-10-21得票数 1
1回答
离子惰性加载子数组中的模块
、、、、
我有一个离子应用程序，在Page module下面有一个List Page Module和一个Subdir Page Module。下面是文件夹结构-> list/subdir.
problem ：当我导航到localhost:8100/list/subdir而不是Subdir page加载时，我遇到了总是加载List page module的问题。
Outcome：我希望在导航到localhost:8100/list/subdir时加载Subdir page；但它加载的是List page。我只想在URL为localhost:8100/list时加载List pa
浏览 54提问于2019-06-05得票数 1
我正在使用类型记录和组件控制器类尝试使用角1.5.3的组件路由器，但是我没有将当前的路由器插入到绑定：{$路由器：‘<’}的任何组件中。当我检查$ctrl中的任何铬调试器组件时，它总是显示未定义的。路由本身就像预期的那样工作(组件显示，路由链接工作，$routerOnActivate被调用)。我需要$router从代码中导航。
html页面：
<div ng-app="app">
<app></app>
</div>
密码
class AppCtrl {
}
var appComp: ng.IC
浏览 3提问于2016-03-28得票数 1
3回答
我正在开发一个离子应用程序(Ionic 5)，我似乎无法让路由正确运行。这是我的应用程序路由。 ? 但是我似乎不能让这个url工作/state/test-center。 Angular没有找到那条路线..这就是轨迹 ? 我只是想试试这个..。我也尝试过这个..也不起作用.. {
path: "state",
component: StateComponent,
pathMatch: "full",
children: [
{ path: "test-centers", componen
浏览 13提问于2020-04-05得票数 1
1回答
(免责声明:我仍然是非常新的离子和编码在一般情况下，如果有任何术语是错误的，请告诉我，作为我的学习过程的一部分。预先谢谢你的帮助)
问题:按下后显示，但不能单击
背景：I有一个带有侧菜单的离子项目设置在拆分窗格中。它为菜单构造了一个单独的离子页面，直接从根页面路由到延迟加载菜单页面，然后菜单路由模块处理子路由以显示不同的页面。
我通过这个youtube教程完成了这些设置
长话短说，在建立了我的应用程序后，现在我想设置路由保护，我个人发现有一个空的应用程序组件和路由到一个菜单作为入口点是没有意义的。所以我想把菜单和路由逻辑移回app组件和应用程序路由。
迁移似乎一切都很好，除了侧菜单。边菜单将显
浏览 0提问于2020-02-27得票数 0
回答已采纳
我有一个angular 2应用程序，包含以下路线：
@RouteConfig([
new Route({ path: '/', component: Home, name: 'Home', useAsDefault: true}),
new Route({ path: '/employees', component: ViewEmployees, name: 'ViewEmployees'}),
new Route({ path: '/employees/add', component: AddEmployee,
浏览 1提问于2016-03-01得票数 5
2回答
我正在学习Angular2，但是在MDL中使用Angular2有问题。为什么MDL导航栏不能使用Angular2？当我使用导航栏与标题和抽屉，抽屉不工作，所以我不能点击它，我看不到抽屉的图标。还有另一个问题: textfields也不能正常工作。我想使用mdl-textfield--可扩展(搜索)，但是当我单击这个搜索字段时，它不会扩展。但是，如果没有Angular2，它就可以正常工作。
更新
这是我的app.html文件
<div class="demo-layout-waterfall mdl-layout mdl-js-layout">
<hea
浏览 4提问于2016-06-17得票数 6
回答已采纳
2回答
我有3个组件: A、B和C。我想在组件A中显示一个名为"Component B“的按钮。单击该按钮后，它将显示B组件，并带有一个链接"Component C”。单击链接时，它应该显示c组件，其中显示"C组件工作“ 应用程序模块是： import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppRoutingModule } from './app-routing.m
浏览 18提问于2020-07-03得票数 1
回答已采纳
1回答
在我的Angular2应用程序中，我有一个路由模块，如下所示：
RouterModule.forChild([{
path: '',
component: HomeComponent,
children: [
{ path: '', redirectTo: 'explorer/0' },
{ path: 'explorer', redirectTo: 'explorer/0' },
浏览 1提问于2016-11-09得票数 1
我正在尝试使用http://127.0.0.1:8080/#/reset/finish?key=26983684729750581998 url访问组件。
路由配置提供了Error: Cannot match any routes. URL Segment: 'reset/finish'
export const passwordResetFinishRoute: Route = {
path: 'reset/finish',
component: PasswordResetFinishComponent,
outlet: 'lo
浏览 0提问于2017-09-27得票数 2
我不明白为什么相同的代码不能在app.component中工作，因为它在auth.guard中很好地工作。
我编写了一些代码来检查用户是否登录到服务器，并使用canActivate路由定义的auth.guard，如下所示
路由
{ path: 'dashboard', component: DashboardComponent , canActivate: [AuthGuard] }
AuthGuard
import { Injectable } from '@angular/core';
import { Router, CanActivate } from
浏览 2提问于2017-03-01得票数 1
回答已采纳
当使用angular2的路由器"3.0“的子路由时，不需要在父路由器配置中声明它们(以前，您必须在父组件中执行类似/child...的操作)。
我想要配置一个全局的“页面找不到”处理程序，我可以这样做：
{ path: '**', component: PageNotFoundComponent }
在我的应用路由模块中。
注意:如果我这样做，路由器将导航到在PageNotFoundComponent之前在应用程序路由模块中声明的路由。但当我尝试访问子路由(在某些子路由模块中使用RouterModule.forChild声明)时，它总是导航到通配符路由。
直观地说，通配
浏览 0提问于2016-10-13得票数 37
回答已采纳
我得到了表单的一个主要组件和部分的三个组件
现在在主表单中，我有提交按钮，我想用它来向服务提交所有的区段数据？
我如何才能做到这一点？
是否在所有部分组件中使用输出事件发射器，并在提交之前获取主表单组件中的数据？
谢谢
我正在angular2中创建一个表单(包含多个部分)，此表单将成为审批工作流的一部分。
工作流将不在angular2中，尽管表单将从工作流中引用。当我们从工作流的不同阶段打开表单时，它将允许用户仅查看或编辑表单的某些部分。
我应该如何设计我的带有部分的表单？
1)整个表单使用一个组件？
2)每个部分都有单独的组件，并且有一个主要的父组件？
在表单加载时；运行业务逻辑检查，以确
浏览 1提问于2016-11-18得票数 1
我来自Python背景，但我开始尝试学习Angular，但我真的遇到了麻烦。在组件之间工作让我感到困惑，我也搞不懂。我举了一个很好的例子，我认为如果有人帮助我，将有助于理解Angular。
我只有两个组件:一个"header“组件和一个app组件。在header组件中，我要求输入用户名，然后他们单击一个按钮，然后它应该在下一个组件中显示"Hello {{ name }}“。至少可以说，我不能让它工作，这真的很令人沮丧。头部分似乎工作正常，但它根本不能与其他组件通信。无论是按钮部分还是"name“部分都不起作用，所以当涉及到从父组件监听时，我显然误解了我需要做的事情。
这
浏览 0提问于2018-11-03得票数 3
回答已采纳
2回答
我试图让路由和子路由在一个简单的配置中工作，但我似乎不能让它工作。
路由：
import { Routes, RouterModule } from '@angular/router';
import { NgModule } from '@angular/core';
import { BookingoverviewComponent } from './bookingoverview/bookingoverview.component';
import { BookingDetailsComponent } from './booki
浏览 8提问于2017-08-29得票数 3
回答已采纳
我现在正在学习使用Angular 4和angular-cli来构建一个web前端(好吧)。
当我创建应用程序并开始用我自己的数据模型模仿Heroes教程时，我创建了一些组件，但它们-至少是出现在主页上的那些组件-都放在根app组件中。当我ng generate component时，它被放在应用程序one中，这让我认为这是有意的方式。
如果是这样，我应该如何路由应用程序而不关闭应用程序根组件？我不知道组件是如何与路由一起工作的吗？
我不希望这个问题过于宽泛，所以我将尝试集中讨论这一点:如何构建更改组件的子组件而不是主组件本身的路由？
浏览 0提问于2017-11-29得票数 0
1回答
我一直在使用Angular 2中的路由，但我遇到了一个我找不到答案的问题。我的路线是“工作”，但不是我希望的方式。我试着像你使用angular 1中的ng-view一样使用它，我的页眉和页脚永远不会改变，当我的url改变时，新的“东西”就会被放入我的内容中。
这就是我现在所拥有的“有效”
import { Component } from '@angular/core';
import { HeaderComponent } from './shared/header/header.component';
import { ContentComponent }
浏览 2提问于2016-06-07得票数 4
回答已采纳
在第一次渲染组件时，一切工作正常，但当我按下浏览器的后退按钮并再次单击指向此组件的链接时，它会断开。
profile-page.module.ts
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { CommonModule } from '@angular/common';
import { ProfilePageComponent } from './profile-page.component
浏览 7提问于2017-11-24得票数 1
我刚刚开始学习React，我想先创建一些导航条，为未登录的用户提供链接，然后再为日志用户创建链接，但我很难做到这一点。我的代码：
问题是，当我用路由器(来自外部routes.js)包装导航栏时，它根本不显示，但是如果我自己在url中输入/login或/signup，则路由工作得很好。另一方面，如果我注释掉路由器，就会显示navbar，但是路由不能工作。我读过关于LinkContainer的文章，但没有多大帮助。我假设因为navbar是用路由器包装的，所以它会被显示出来，并且链接会正常工作。我不想在App.js中有路由器，但是为了便于阅读，我想把路由器放在单独的文件中。我的package.jso
浏览 1提问于2019-08-04得票数 0
回答已采纳
我有一个有HomeComponent的应用程序，我不想显示一个HeaderComponent。此外，我有其他4条路线，我确实想要呈现标题。我可以让它正常工作，但是当我从HomeComponent导航到任何其他组件时，会有一个小错误。它不会呈现HeaderComponent，但是当我在导航器上重新加载页面时，它会正确地显示标题。我尝试了很多事情但还不能让它正常工作..。
我想要的在所有路线上展示HeaderComponent，除了/home (HomeComponent)。
这里是我的代码应用程序-routing.module.ts
import { NgModule } from '@
浏览 8提问于2021-12-18得票数 0
回答已采纳
我正在用Angular2做一个网站，现在我正在做一个产品列表(它已经完成并且工作正常)，现在我需要一个双路由，但是当我这样做的时候，我就遇到了问题。
我的代码：
main.ts
@Component({
selector: 'main-app',
template:`
asdasdas
<div class="container">
<router-outlet></router-outlet>
</div>
`,
provid
浏览 3提问于2016-04-23得票数 0
如何在Angular2中将html的一部分从子对象渲染到父对象。我们的想法是制作一个主布局，这个布局的部分由孩子们根据需求覆盖(填充)。我试过aux了。路线，但我不能让它工作。PS:我不希望这部分有自己的路线，因为它只是页面的一部分。请给我最新的Angular2！
例如
<div class="layout">
<div class="page-header">
//Another router outlet here (How to render also this part for each child sep
浏览 0提问于2016-09-04得票数 0
我正在使用angular 7和leaflet js来表示地图。 当单击标记时，我想导航到另一个页面。但是路由不能正常工作。 例如： L.marker.on('click', function(){
this.router.navigateByUrl('/dashboard');
}); 当点击标记时，url变成了'/dashboard‘，但是地图仍然显示在页面上。 当点击html元素时，导航工作正常。 有人能在这方面帮我一下吗？ 提前感谢
浏览 17提问于2019-03-19得票数 0
回答已采纳
我是Angular的新手，我被困在那里了。我知道如何通过向子选择器<>注入parentData="var“来在父组件和子组件之间共享数据。
但是在使用路由时，我只有一个路由器插座，不能将parentData绑定到它，因为它抛出了一个错误。
从子路由访问父属性的最佳且最简单的方法是什么？
该项目在上。
我需要在子组件中显示子组件中的产品(来自父组件)。
版本：(Angular 5)
浏览 2提问于2018-02-27得票数 9
回答已采纳
1回答
在一个Angular2应用程序(使用最后的1.x版本)中，我有一个带有几个选项卡的页面。父状态/samples/{id}对每个选项卡都有一个子路由。例如/samples/{id}/location或/samples/{id}/execution。
示例数据是由服务器API在一个请求中发送的一个大对象，包含所有选项卡的数据。因此，我只想加载它一次，当父路由被激活时(在组件代码中或可能在一个解析中)，然后在我所有的选项卡中读取它。
有没有一种方法可以直接将对象从父组件共享到子路由的组件？有点像范围是在角度1中继承的吗？
我知道我可以使用一个服务来共享对象，我只是好奇是否有一个内置的解决方案。
我也
浏览 1提问于2016-11-14得票数 3
回答已采纳
我在angular4 project.In项目中工作，我需要在卡中显示组件中的数据列表，用户点击一张卡，我需要导航用户到那个特定card.For的详细信息页面，我在路由器导航中传递参数包含id和name.My问题是，在详细信息页面URL中，卡名称与id.But一起显示我只需要显示名称并必须隐藏id。我已经尝试过location.replaceState.It在页面刷新上不起作用。由于我需要id来获取card.Is的数据，有没有其他方法可以在angular2的URL中隐藏特定的数据(Id)？
浏览 0提问于2018-06-08得票数 0
我为使用了googleplace指令。当我在AppComponent中使用这个指令时，它会工作，如链接中所示，但是当我在子组件中使用它时，它就不能工作了。
app.routes.ts
import { provideRouter, RouterConfig } from '@angular/router';
import { BaseComponent } from './components/base/base.component';
import { DashboardComponent } from './components/d
浏览 0提问于2016-08-10得票数 6
回答已采纳
4回答
我是Angular的新手(我正在使用Angular 6)，我想在我的布局视图中定义一些“插入内容块”。 例如： {{my.title.component}}
{{my.body.component}} 然后，我希望能够这样做： I am the title 对于body： I am a very complex component inserted up there 然后我想创建一些类似的东西： @MagicalDecorator({
layout: LayoutComponent,
use_as_title_component: TitleComponent,
use_a
浏览 55提问于2018-08-03得票数 4
回答已采纳
5回答
错误说- >
在src/app/app-routing.module.ts(29，14)中出错:错误TS2322:类型'{ path: string；component: string；}[]‘不能分配到键入'Route[]’。键入“{ path: string；component: string；}”不能分配到键入“路由”。属性“组件”的类型是不兼容的。输入“string”不能指定键入“Type”。
import { NgModule } from '@angular/core';
import { CommonModule } from
浏览 0提问于2018-08-16得票数 0
1回答
我有和Angular2应用程序使用此。在将app.routes.ts文件的模块(NotFoundModule)添加到app.module.ts之后，我刚刚向其添加了一个回退路由，一切工作正常，只是现在我的主路径('')不再注册，并且加载了NotFoundComponent。代码如下：
import { Routes } from '@angular/router';
import { HomeComponent } from './home';
import { NotFoundComponent } from './notfound/n
浏览 0提问于2017-03-29得票数 0
我正在尝试用rc1版本重写angular的路由器。我有一个特性组，它有一个子路由器，并使用非终端路由来定义它，如下所示：
{ path: '/contacts/...', component: ContactsComponent}
但如果我试图像这样导航：
<a [routerLink]="['/contacts']"></a>
它说：“不能与任何路由相匹配。当前段：‘联系人’。可用路由：‘/仪表板’，‘/联系人/.’”
如果我试图通过/联系/..。它会突然开始工作，但是会有“.”在网址的末尾也是。这让我得出结论也许“.”
浏览 4提问于2016-05-17得票数 1
回答已采纳
在我的构建中，我可以通过路由器链接路由到每个组件，但不能通过菜单click() events。
在菜单模板中，我尝试通过以下方法更改路由：
win！.loadURL(“”)，用于ex，但在运行构建时，它只是变为空白(任何URL)。
另外，如果我导入路由器并尝试在主进程中使用router.push()，它最终会出现很多错误，而且也无法工作。
但是，如果我使用电子服务，而不是运行构建，它可以正常工作。虽然它从菜单中重新加载页面，但与路由器链接不同，通过这些链接，它保持在同一个页面上，并简单地更改路由组件。
我需要一个从菜单和路由器链接改变路由视图的构建。
那么，我如何从电子菜单中更改SPA的路径，
浏览 5提问于2020-10-22得票数 1
回答已采纳
我正在尝试访问组件，确实挂载了生命周期方法，但是它显示为null。如果我移除模态，它就会像预期的那样工作，但是内部模式引用不能正常工作。谢谢。我试过跟随，但它总是显示为空。
import React, { Component } from "react";
import {
Modal,
Backdrop,
Fade,
Container
} from "@material-ui/core";
import { contactUsFormSchema } from "../../constant/FormValidation";
浏览 0提问于2020-03-27得票数 1
1回答
我有一个appComponent，在其中我可以显示工具栏、页脚和主要内容。此主要内容使用router-outlet指令。大概是这样的 <div class="h-100">
<app-toolbar></app-toolbar>
<app-breadcrumb></app-breadcrumb>
<div class="container h-100">
<router-outlet></router-outlet>
&l
浏览 35提问于2020-10-27得票数 0
回答已采纳
4回答
我用的是@Rangerc4 "@angular/router": "^3.0.0-beta.2"
我一直无法让子路由工作，当我开始添加子路由时，我会遇到许多错误:下面是我的路由代码：
{ path: '', redirectTo: 'parentComp'},
{ path: 'parentComp', component: parentContainer,
children: [
{path: 'componenta', component: Compon
浏览 5提问于2016-07-31得票数 13
我知道正常情况是让您的app-root (根组件)在其中添加工具栏、侧边栏等，并有一个<router-outlet>来更改内容。
我的问题是我的根组件(app- root )是通过index.html注入的，如下所示
<body>
<app-root></app-root>
</body>
不能包含边栏，菜单等，因为我希望提供一个登录屏幕(和其他屏幕)，必须不包含这些半共享的组件。因此，现在我的应用程序根包含一个简单的<router-outlet>，它对我的登录和其他不能共享内容的页面(如侧栏、菜单等)非常有用。
我本
浏览 0提问于2017-08-09得票数 1
回答已采纳
嗨，我在一个项目中工作，我有一个网页模板主题，其中包含了大量的jquery文件。我想在其中使用angular。当我应用角度路由时，页面中的这些jquery效果无法正常工作。那么如何以正确的方式进行角度路由，在加载部分的html页面中包含大量外部jquery文件。
我尝试过使用ocLazyLoad和Requirejs等工具，但它们都不能正常工作，我在stackoverflow中找到了解决方案。有没有人能告诉我怎么做的步骤呢？
浏览 0提问于2016-05-20得票数 0
嗨，我是全新的角和，我尝试了其他堆栈溢出答案，也。目前，我正在致力于角4项目。根据我的项目，我需要创建的设计现在只使用角和它的路由。我真正想要的是一个登录页面，一旦登录按钮中的键需要转到另一个页面，在它的第一个子菜单中带有水平左侧导航条，通过单击导航条菜单，只需要更改内容，其他所有页面(仅登录除外)的导航条都保持不变。在看了大量视频之后，最终创建了一个登录页面。我用appcomponent.html编写了登录页面的代码，并给出了按钮登录的路由器链接，以打开登录页面。我的路由工作，一旦我点击登录url从http://localhost:4200/更改为http://localhost:4200/
浏览 0提问于2018-05-04得票数 1
使用以前的angular2路由器，我可以通过url获取组件名称。
console.log(this.router.instruction);
console.log(this.router.currentInstruction.component);
console.log(this.router.currentInstruction.component.routeName);
但是有了新的路由器我就不能用了，有没有别的选择呢？
我想要跟踪我的应用程序中的每个路由，然后用它的组件名称(而不是url值)来记录它。
const
浏览 0提问于2016-08-03得票数 0
2回答
我是Angular 5开发的新手，我对Angular 5中的路由有疑问。
我在app.component.ts中有<router-outlet></router-outlet>。在这里我加载我的页面的登录系统，在登录之后，我有一个带有一些链接的仪表板视图。我想保持导航菜单并加载菜单下面的内容，但是如果我向仪表板组件添加一个<router-outlet></router-outlet>，并单击一个链接，页面将更改该组件并丢失菜单。
我怎样才能实现一个好的路由系统？
浏览 2提问于2018-05-17得票数 1
10回答
我是angular2新手
<parent>
<router-outlet><router-outlet>
</parent>
我在父组件中有一个按钮，如果我点击这个按钮，它应该调用子组件中的一个方法(加载在路由器插座中)。
有没有办法从父节点调用子组件(在路由器插座中)方法？
浏览 2提问于2017-08-30得票数 21
1回答
嗨，我在angular中得到这个错误“表达式在它被检查后被改变了”，但我的应用程序的行为是真的。第一个问题是，如果发生错误，为什么组件可以正常工作？
例如，我有两个兄弟组件，它们像这样使用它们：
<cmp-a (onSelectItem)="selectedItem = $event"></cmp-a>
<cmp-b [selectedItem]="selectedItem"></cmp-b>
当cmp-a中的onSelectItem发出时，我将error.but selectedItem正确地传递给cmp-b，一
浏览 0提问于2019-01-15得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
