Angular 'router-outlet‘不是已知元素’
Angular中的'router-outlet'是一个指令，用于在应用程序中显示不同组件的内容。它是Angular路由器的一部分，用于根据导航路径加载相应的组件。
'router-outlet'的主要作用是在应用程序的模板中创建一个占位符，用于动态加载不同的组件。当用户导航到不同的路由路径时，路由器会根据配置加载相应的组件，并将其显示在'router-outlet'中。
'router-outlet'的优势包括：
- 动态加载组件：通过使用'router-outlet'，可以根据用户的导航路径动态加载不同的组件，实现页面内容的动态切换。
- 路由导航：'router-outlet'与Angular路由器紧密集成，可以方便地实现路由导航功能，包括路由参数传递、路由守卫等。
- 模块化开发：使用'router-outlet'可以将应用程序拆分为多个模块，每个模块负责不同的功能，提高代码的可维护性和可扩展性。
'router-outlet'适用于各种应用场景，特别是需要实现多页面应用或单页面应用中的页面切换功能的场景。例如，电子商务网站的商品列表页、商品详情页、购物车页面等可以通过'router-outlet'实现动态加载和切换。
腾讯云提供了一系列与Angular相关的产品和服务，包括云服务器、云数据库、云存储等，可以用于支持Angular应用程序的部署和运行。具体产品和介绍可以参考腾讯云官方文档：腾讯云产品与服务。
相关·内容
我试图将现有的项目拆分成模块，问题出在Unibook组件(以及员工、结构、学生、订单)中，它是新创建的模块的父级，它告诉router-outlet不是一个已知元素。
浏览 7提问于2018-01-17得票数 0
回答已采纳
我是Angular的新手，目前我正在做路由工作。我在组件中使用子路由时遇到了一个问题。routerLink不会在组件中呈现为链接。如果我使用路由器插座，应用程序就会崩溃。使用路由器插座时，我得到以下错误消息： src/app/gardening/gardening/gardening.component.html:5:1 - error NG8001: 'router-outletIf 'router-outlet' is an Angular
浏览 46提问于2021-03-21得票数 2
回答已采纳
在app-routing模块中，我有：import { RouterModule, Routes } from '@angular/router'; selector: 'app-root',
template: '<<em
浏览 0提问于2021-09-16得票数 0
失败:模板解析错误：“路由器-出口”不是已知元素：
如果‘路由器-出口’是一个角度组件，然后验证它是该模块的一部分。If 'router-outlet' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of("[ERROR ->]<router-outlet></router-ou
浏览 2提问于2018-03-05得票数 3
1回答
我有一个AppModule的angular项目和一个叫做PagesModule的功能模块，它正在被延迟加载，我在那里做了一些路由， 我想创建一个与PagesModule并行的新功能模块，并将其命名为CustomersModule从‘@angular/core’导入{ Component }；从‘..customers.component.scss'],<ngx-one-column-layout>
<nb-menu [items]="menu"></
浏览 9提问于2020-09-04得票数 0
回答已采纳
我正在尝试实现新的延迟加载模块到应用程序组件，但是当我尝试为新模块添加子路由时
它抛出'router-outlet' is not a known element:in lazy loaded module
浏览 1提问于2020-04-14得票数 2
1回答
app.module.ts import { NgModule } from'@angular/core';
<mat-icon>more
浏览 0提问于2018-10-02得票数 1
回答已采纳
我正在学习angular 2。我遇到了一个错误：“路由器插座”不是一个已知的元素。></router-outlet>
----------------------------@Component({ template: `<router-outlet</em
浏览 3提问于2017-12-07得票数 1
app.module.tsimport { NgModule } from '@angularimport { NgModule } from '@angular/core';import { RouterMo
浏览 2提问于2018-03-23得票数 1
回答已采纳
错误NG8001：'router-outlet‘不是已知元素: 1。如果'router-outlet’是一个角度组件，请确认它是此模块的一部分。2.如果'router-outlet‘是一个Web组件，则将'CUSTOM_ELEMENTS_SCHEMA’添加到此组件的'@NgModule.schemas‘中以抑制此消息。4 <router-outlet></router-outlet
浏览 1提问于2020-02-24得票数 8
2回答
“div”的一个已知属性，因此不能绑定“ngClass”或“ngModel”。If 'router-outlet' is an Angular component, then verify that it is part of this module.这些错误主要有两种类型：
不能存储到某
浏览 3提问于2020-01-27得票数 5
我用的是angular13。和Vs代码。‘’mat sidenav容器‘不是一个已知的元素属性绑定ngIf，它不被嵌入模板上的任何指令所使用。确保属性名拼写正确，所有指令都列在"@NgModule.declarations“‘路由器-出口’不是一个已知的元素:等等。我在这个app.component.html中有一些错误。-- Router -->
<router-outlet></rou
浏览 25提问于2022-05-04得票数 -1
回答已采纳
在使用角-cli重新安装angular6时，我得到以下错误。
然后，我跟进了这篇文章的评论，它说使用<router-outlet></router-outlet>而不是<ng-content></ng-content>。当我将<router-outl
浏览 0提问于2018-07-26得票数 9
回答已采纳
错误:模板分析错误：“”router-outlet“”不是已知元素: 1。如果“”router-outlet“”是一个角度组件，请确认它是此模块的一部分。“”2.如果'router-outlet‘是一个Web组件，则将'CUSTOM_ELEMENTS_SCHEMA’添加到此组件的'@NgModule.schemas‘中以抑制此消息。
浏览 2提问于2019-05-16得票数 1
Angular 2.3.0import { NgModule } from '@angular/core';import { RouterModule, Routes } from '@angular/router';
import { AppComponentRoute>&l
浏览 6提问于2016-12-12得票数 1
我正在制作一个关于angular 6和材质的小教程。我的代码：<mat-toolbar></mat-toolbar>
<router-outlet></router-outlet>app-module.ts：
import { BrowserModule
浏览 1提问于2018-10-01得票数 0
/router';import { routes } from '.} from '@angular/core';
<router-outlet></router-outlet>
layout.modu
浏览 2提问于2020-04-20得票数 1
回答已采纳
我有一个角版(11)应用程序，一个导入app.module的app.routing.module.ts，在这里我定义了所有的路由，这是路由模块的代码import { RouterModule, Routes } from '@angular/router';
import { HomeComponent } from '.} from '@angular/platf
浏览 3提问于2021-03-09得票数 0
回答已采纳
app.component.tsimport { ROUTER_DIRECTIVES } from '@angular/router';
selector: 'app', <p>Angular 2 is running...-- Routed views go here -->
浏览 0提问于2016-06-21得票数 79
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
