将组件加载到路由器出口，而不在任何模块中声明它
，是指在路由器配置中将组件加载到路由器的出口接口上，而不在任何模块中显式声明该组件。
这种做法的优势是可以将组件的加载与模块的声明分离，提高了代码的可维护性和灵活性。通过将组件加载到路由器出口，可以实现对该组件的统一管理和控制，无需在每个模块中都进行声明和配置。
应用场景：
- 多模块系统：当系统由多个模块组成时，可以将共享的组件加载到路由器出口，避免在每个模块中都进行声明和配置，简化系统的结构和管理。
- 组件复用：某些组件可能在多个模块中都需要使用，通过加载到路由器出口，可以实现组件的复用，减少重复代码的编写。
推荐的腾讯云相关产品和产品介绍链接地址： 腾讯云提供了丰富的云计算产品和服务，以下是一些相关产品和介绍链接：
- 云服务器（CVM）：提供弹性计算能力，支持多种操作系统和应用场景。详情请参考：腾讯云云服务器
- 云数据库（CDB）：提供高可用、可扩展的数据库服务，支持多种数据库引擎。详情请参考：腾讯云云数据库
- 云存储（COS）：提供安全可靠的对象存储服务，适用于存储和处理各类非结构化数据。详情请参考：腾讯云云存储
- 人工智能（AI）：提供丰富的人工智能服务，包括图像识别、语音识别、自然语言处理等。详情请参考：腾讯云人工智能
- 物联网（IoT）：提供全面的物联网解决方案，支持设备接入、数据采集和应用开发。详情请参考：腾讯云物联网
请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求进行评估和决策。
相关·内容
我刚刚注意到，我可以使用一个组件，而不需要在任何模块中声明它，只要它有自己的路由。那么，从声明数组中删除所有直接路由的组件是正确的吗？这是angular中的新行为吗?或者我只是记错了。您可以在我的stackblitz中看到"cat“组件没有声明，但仍然在单击按钮时加载。
浏览 16提问于2021-09-10得票数 1
回答已采纳
2回答
我在AppComponent中有一个路由器插座，它可以很好地加载子组件。其中一个子组件有多个子组件，我希望将所有子组件加载到父路由器出口中，如下所示
AppComponent <router-outlet> (This loads all child including-它成功地加载了TypeProduct1组件，但是在主路由器出口，而</e
浏览 1提问于2018-03-09得票数 3
回答已采纳
因此，一旦用户登录到MyComponent (以栗色表示)，就会被加载到红色路由器出口中，并且它有一个导航条(MyHeader，黑色和灰色)，以及它自己的路由器出口(蓝色)。当我在导航栏中单击Home时，它会将仪表板组件加载到蓝色路由器插座中，一切看起来都很好。但是，它似乎将其加载到红色路由器-出口，而不是从AppCompone
浏览 1提问于2016-11-28得票数 3
回答已采纳
我的应用程序不会导航到新的页面，所以在googling中，我发现我应该将RouterModule ( RouterLink声明的地方)导入到使用此模板的模块中。我得到了错误:类@NgModule上的两个不兼容的装饰器
错误类'ShoppingCartComponent‘列在NgModule 'AppModule’的声明中，但不是指令、组件或管道。要么从NgModule的声明中删除它</em
浏览 4提问于2020-08-29得票数 0
1回答
该应用程序被划分为功能模块。每个“页面”都被加载到一个SideMenu组件中(这样所有的页面都会显示导航)。</router-outlet></page-router-outlet>
Page-router-outlet是NativeScript的一个特定的路由器出口，但在这种情况下应该没有任何区别。，它工作得很好-它被加载到
浏览 0提问于2017-06-07得票数 1
我已经创建了一个ngModule (EducationModule)，它加载一组导航项目和子路由，这些导航项目和子路由加载到在模块中定义的根组件(EducationComponent)中定义的路由器出口中除了我希望模块中定义的功能成为另一个组件(AuthenticatedComponent)的子路由之外，一切都运行得很好。换句话说，我希望将模块中
浏览 15提问于2016-08-30得票数 2
我使用Resolve接口来确保在显示组件之前加载模型：const APP_ROUTES: Routes = [ path: '', return this.userService.getAccount().first();}`,expo
浏览 1提问于2017-03-24得票数 3
回答已采纳
我正在尝试使用angular 9开发SPA，我几乎尝试延迟加载每个组件及其所有子组件。当我试图在一个延迟加载的组件中拥有路由器出口时，我的问题就出现了，我希望这个路由器出口用来加载子组件(它也是延迟加载的)。这样做时，我总是将所有嵌套的延迟加载组件加载到app.component.html中的主路由出口中，而不是嵌套的延迟加载<
浏览 5提问于2020-06-12得票数 5
我有一个应用模块，一个路由模块，没有其他“模块”。我发现的是..。
我的路线是这个..。它总是导致“
浏览 1提问于2017-11-19得票数 7
是否有一种从html中的标记直接从<my-component></my-component>的角度加载组件到延迟加载组件的方法？在组件模板解析过程中，角应该将整个组件加载到浏览器中，当它发现html中没有可用或尚未加载的任何新标记时。我知道我们可以使用loadChildren加载一个模块，它仅限于路由，还需要加载
浏览 0提问于2016-11-20得票数 8
我已经在AppModule中声明了一个指令，在appComponent模板中，如果我应用该指令，它就能工作，在app组件中有一个路由器出口，其中一个延迟加载的模块从一开始就被加载。现在，如果我想在加载lazyloaded模块的任何组件模板中应用该指令，则不会初始化该指令。这个指令是一个属性指令，我已经正确地声明了它并使用它，因为它在app组件<e
浏览 1提问于2018-06-27得票数 7
回答已采纳
1回答
我有一个角5应用程序，它可以动态加载特征模块并在主路由器出口中显示它们的内容。就会被加载，并且角将控制功能模块路由器，因此访问mysite.com/module 1/report/2会在特性模块的路由器出口中显示ReportComponent。我现在要做的是将TabsComponent添加到我的主模块中，以便能够从几个选项卡组成页面，其中每个选项卡<e
浏览 1提问于2018-02-13得票数 5
1回答
FirstPageModule', }, },
]; 正如您所看到的，我正在尝试将一个组件延迟加载到一个辅助出口中，但是在导航到适当的路由(http://localhost:4200/container-page/(detail:first-page)，在所讨论的出口中)时，将呈现一个ng-组
浏览 18提问于2019-01-22得票数 1
1回答
在使用延迟加载模块的路由器导航时，似乎存在问题。如果我移除延迟加载，这就很好了。但是，下面是我根据延迟加载模块设置的程序： }当配置文件模块加载到主路由器出口时，它将显示一个带有两个路由选项卡的页面，在profile.modu
浏览 0提问于2017-04-12得票数 1
回答已采纳
1回答
当我试图加载主组件时，我面临着路由-let的问题。组件。at Zone.runTask (zone-evergreen.js:168)当我移除出口{ path: 'aside-sidebar', component: AsideSidebarComponent, outlet:'sidebar'}出口参数并尝试访问它时，同样的效果也很好。该组件在
浏览 3提问于2019-12-23得票数 2
我知道正常情况是让您的app-root (根组件)在其中添加工具栏、侧边栏等，并有一个<router-outlet>来更改内容。我的问题是我的根组件(app- root )是通过index.html注入的，如下所示 <app-root></app-root>不能包含边栏，菜单等，因为我希望提供一个登录屏幕(和其他屏幕)，必须不包含这些半共享的组件。一个很好的情况是，登录屏幕继续正常工作，它会被注入路由器-插座
浏览 0提问于2017-08-09得票数 1
回答已采纳
我正在尝试将子模块，即HomeModule加载到BottomNavigation页面-路由器-出口，并尝试使用home.component.html的路由器-出口作为orderComponent的父级。因此，在结论中：
通过page-router-outletLazy将page.module加载到app组件中，通过BottomNavigation将homeModu
浏览 9提问于2020-11-03得票数 0
1回答
我正在建造角8面包屑组件。应用程序要求它通常显示在页面的内容中(不仅如此)，而且它从来不在可能位于路由器出口之外的报头中。这就是问题出现的地方。我使用惰性加载模块，将组件放置在延迟加载的组件模板中。首先使用过滤器映射到路由器根firstChild。但我无法通过条件..。到目前为止，这就是我所尝试的。activatedRoute.root.firstChild);
浏览 0提问于2019-07-12得票数 2
回答已采纳
这种类型的URL“/services/55/(节：‘data’)”是连接命名的出口和路径的变通方法吗？我不明白为什么它们不能简单地成为“/services/55/data”，当有一个具有出口属性的路由时，如下所示： path: 'services/:id',
component: ServicesComponent
浏览 3提问于2017-08-04得票数 0
回答已采纳
我有一个带有路由器插座的根应用组件，这些路由是从一个家庭模块路由加载的，它使用的是在其子路由中使用加载子节点的延迟加载。在家庭组件中有一个路由器插座，在家庭的所有子模块中也有路由器出口，这些子模块都是懒散的。这些路由运行良好，但子路由也被加载到根路由器出口中。示例：-组件'testCreateComponent‘正在加
浏览 4提问于2018-01-03得票数 8
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
