动态加载模块组件Angular2
Angular2是一种用于构建Web应用程序的开源前端开发框架，它是Angular框架的升级版本。它具有以下特点和优势：
- 概念：Angular2基于组件化开发模式，将应用程序拆分为一系列可重用的组件，每个组件都有自己的模板、样式和逻辑。组件之间通过输入和输出属性进行通信，使得应用程序更易于理解、扩展和维护。
- 分类：Angular2是一个面向Web应用程序的前端开发框架，主要用于构建单页应用（SPA）和响应式Web应用。它与传统的基于服务器端渲染的应用程序开发有所不同，采用了前端路由和模块化加载等技术。
- 优势：Angular2具有以下优势：
- 快速开发：通过提供丰富的组件库、数据绑定和依赖注入等功能，Angular2可以大大提高开发效率，减少代码量。
- 高性能：Angular2采用了虚拟DOM和变化检测优化等技术，提高了应用程序的性能和响应速度。
- 跨平台：Angular2可以用于开发Web、移动和桌面应用程序，提供了丰富的工具和平台支持。
- 强大的生态系统：Angular2拥有庞大的社区和丰富的第三方库，可以满足各种应用程序开发需求。
- 应用场景：Angular2适用于构建各种规模的Web应用程序，特别适合于复杂的单页应用和需要频繁更新的实时应用。它被广泛用于企业应用、电子商务、社交媒体和协作平台等领域。
- 腾讯云相关产品和产品介绍链接地址：
- 云开发（https://cloud.tencent.com/product/tcb）：腾讯云提供的一站式后端服务，支持快速搭建和部署基于Angular2的Web应用程序。
- 云服务器（https://cloud.tencent.com/product/cvm）：腾讯云提供的可扩展、高性能的云服务器，适用于部署Angular2应用程序的后端服务。
- 云数据库MySQL版（https://cloud.tencent.com/product/cdb_mysql）：腾讯云提供的稳定可靠的云数据库服务，适用于存储Angular2应用程序的数据。
- 腾讯云CDN加速（https://cloud.tencent.com/product/cdn）：腾讯云提供的全球加速服务，可加速Angular2应用程序的静态资源加载和传输。
总结：Angular2是一种强大的前端开发框架，适用于构建各种规模的Web应用程序。腾讯云提供了一系列相关产品和服务，可支持Angular2应用程序的开发、部署和运维。
相关·内容
2回答
我们有一个SPA应用程序编写的角，它利用了动态加载路由(相对于静态定义的路由)。
随着时间的推移，这些动态加载的UI组件的数量将不断增加。对于任何给定的客户部署，我们将只使用一小部分可能的组件。在运行时，组件列表将由数据驱动。因此，我的愿望是获取组件列表并执行以下操作：-在运行时为每个组件定义一个应用程序路由-延迟加载该组件
在我们的应用程序的Range1版本中已经解决了这个问题(使用ocLazyLoad包和Angular的$stateProvider)
在Angular2的一些后期Beta版本(使用AsyncRoutes和router.config方法-参见技术)中，它似乎是可解决的。
但是
浏览 3提问于2016-06-03得票数 4
回答已采纳
2回答
我有一个angular2应用程序结构，有4个子应用程序，需要一些普通的configurations.These子应用程序相互独立。我使用webpack进行动态加载和代码拆分。一旦从.ts文件中转换出来，每个子应用程序都会有自己的js文件。我想将js文件分别绑定到浏览器客户端加载子应用程序。
例如。
App-1 ===> app1.js
App-2 ===> app2.js
App-3 ===> app3.js
App-4 ===> app4.js
现在，如果浏览器客户端想要加载App-1，那么只有app1.js会捆绑并发送到客户端。，这将通过不加载不必要的js模块来提高
浏览 1提问于2016-08-18得票数 1
回答已采纳
我想要创建一个动态管道，我将从组件中调用它。
import {Component, Pipe, PipeTransform} from 'angular2/core';
@Pipe({ name: 'filter', pure: false })
export class filter implements PipeTransform {
transform(value) {
this.items1=value;
this.ticket1 = [];
if (this.items1.length >0) {
for
浏览 8提问于2016-04-28得票数 18
回答已采纳
1回答
我有个问题。我有一些组件，我希望能够添加到我的应用程序中。我不想从乞讨中加载所有这些组件，而是按需加载(延迟加载)。
例如，我只想在某些页面中添加此组件。但不是装填的。
共享模块是正确的地方吗？我必须从app.module加载它吗？
浏览 4提问于2017-04-25得票数 0
正如您在中所看到的，下面演示了我在ng1/ng2混合应用程序中延迟加载angular2路由的尝试，其中延迟加载的路由具有ng1升级的依赖项(ng2 beta 7，ng1 1.5)。
main.ts:
import {Component} from 'angular2/core';
import {App} from './app';
import {adapter} from './adapter';
angular.module('ng1app', [])
.component('testy', {
temp
浏览 7提问于2016-02-21得票数 0
回答已采纳
1回答
我正在尝试用Typescript在Angular2中实现以下功能：
我想有一个指令/组件，代表一个工具提示。我知道如何做到这一点，所以没有问题。我希望能够将工具提示添加到我的页面上的任何HTML元素。这也不是一个大问题。我可以使用类似于的方法。
但现在我有以下情况：
我已经有了组件，它们是动态加载的(例如，带有按钮、输入字段等的表单)。但是现在假设我想要其中一个组件有一个工具提示。我可以将工具提示指令或组件添加到他们所有的HTML模板中，但这对我来说似乎不是一个非常干净的解决方案。例如，如果我想象我可能有多个较小的指令/组件，可以添加到另一个组件中。然后，我需要将所有这些指令/组件添加到我可能
浏览 0提问于2017-03-17得票数 1
我正在学习angular2 (我有angular1背景)。在学习Angular2时，我遇到了上面提到的例子。
1)我不理解config.js的用法。此外，我还想了解config.js中使用的"map“对象。
2)我一直在尝试导出用friend.ts文件编写的“朋友”模块。但不知何故，我无法出口，或者我不知道如何出口。看下面的代码，
app.ts
import {bootstrap, Component, CORE_DIRECTIVES} from 'angular2/angular2'
import {FirstComponent} from './first
浏览 3提问于2015-11-30得票数 0
回答已采纳
我一直在试验Angular2中的动态组件加载程序。一个可能与此相关的问题：，似乎是，一旦一个组件装载了loadIntoLocation()函数，注入器就找不到父组件的注入器或注入到其父组件中的东西。正如那篇文章所建议的，您可以将从父注入器(Injector.resolve)获得的解析提供程序数组传递到loadIntoLocation()的最后一个参数中。
这似乎一开始就起作用了，但我也发现动态加载组件的任何子组件也存在相同的问题。子程序的注入器不知道如何查找提供者的注入树，因此在子构造函数中的标准注入如下
constructor( myComponent: MyComponent)
不管
浏览 2提问于2016-01-26得票数 3
我正在尝试使用angular js 2中的以下代码加载Html文件。此文件位于products文件夹下，我正在尝试加载的html文件也在同一文件夹中。但它仍然不起作用。
import {Component} from 'angular2/core';
@Component({
templateUrl:'./products/app.component.pen.html'
})
export class PenComponent
{
}
以上文件是从下面的AppComponent加载的。
import {Component} from 'an
浏览 2提问于2016-04-12得票数 9
回答已采纳
Typescript 2.4将[import()][1]方法引入到动态加载模块中。我正在尝试使用下面提到的过程动态加载组件，其中我们需要在模块中提到entryComponents。我能够使用import()方法动态加载AppModule中的所有组件模块，但无法获得模块的entryComponents。例如，我有一个组件及其模块。
数据-宽度。组件：
@Component({
selector: 'data-widget',
templateUrl: 'data-widget.component.html'
})
export class
浏览 1提问于2017-09-08得票数 1
回答已采纳
我需要动态地将一个组件加载到一个HTML元素中，该元素可能位于我的app组件中的任何位置。
我计划使用TemplateRef作为ViewContainerRef.createEmbeddedView(templateRef)的参数来动态加载我想要的组件。
所以，我希望它看起来像这样
var myViewRef = this.viewContainer.createEmbeddedView(
getTemplateRefFromNode(document.querySelector('.anySelector'))
);
this.resolver.resolveCompon
浏览 0提问于2016-09-17得票数 0
我的Angular2应用程序具有多个动态组件。我能够创建所有这些动态组件，并使用ComponentFactoryResolver将它们加载到页面上。但问题是，我想用行/列的方式来消除它们。我知道我创建的动态组件的行和列位置。所以我应该在那个特定的位置注入这个组件，这是我无法实现的。
我正在创建如下的动态组件。这里的内容是锚点。我正在将所有的动态组件添加到这个内容中。因此，所有动态创建的组件都显示在另一个下面。但我的要求是以行/列的方式显示所有这些动态组件。我知道动态组件的行/列号。
const factory = this.componentFactoryResolver.resolveCom
浏览 4提问于2017-03-20得票数 1
回答已采纳
1回答
我将把我对angular2的知识从Rc5升级到2.2。我对自升级包以来被废弃的指令属性有问题，我知道它会移动到imports，属性在NgModule装饰器上，但它被称为Shared Components，但是当我有大量组件时，我必须从每个组件的指令转移到NgModule应用程序的起点，因此我的所有组件都必须在启动时加载，我不知道是否有一种方法将指令返回到其他组件中的延迟加载组件。
浏览 3提问于2016-12-07得票数 1
回答已采纳
我想知道是否有人已经在运行时将已编译的angular2模块或组件加载到正在运行的应用程序中。
例如，当我点击特定按钮时，应用程序会找到要加载的正确JS文件，加载它，然后将组件附加到页面，或者将用户重定向到这个导入的模块中定义的特定url……
浏览 0提问于2017-03-24得票数 1
1回答
我在Angular2和中使用延迟加载。
我只是想知道，是否有任何方法可以检测所有模块何时预加载，以及是否可以在所有模块都预加载时预先形成操作？
我想象会有一个类似于的路由器事件，比如RouteLoaded，但是没有。
有什么办法可以做到吗？
浏览 2提问于2017-01-20得票数 1
回答已采纳
1回答
我是使用角质材料步进，我的要求是后定制步骤，以重用步进组件。我是动态加载步骤，因此取决于我想要加载步骤在不同的组件的需求。所以我的斯内里奥-
我有OfferComponent，我想在这个组件中动态显示两个步骤。
我有另一个组件DataSource，我想动态显示4个主键。
请找到下面的例子stackblitz链接。
浏览 0提问于2019-03-15得票数 0
回答已采纳
1回答
我们正在为公司内部使用设计一个新的web应用程序，前端将在MVC 6和Angular2中创建。这个项目相当large...analysis，显示了大约1000个表单。另外，每个终端都有有限的内存(我们还不知道确切的数量)，因为我们将通过Citrix为页面服务。
我理解Angular2是在考虑大型应用程序的情况下创建的，但我发现了一些与如此大的SPA相关的问题：
太大的主模块声明对象。需求分析中的1000种表单仅在组件中是该数量的两倍，有什么方法可以将其最小化吗？
Angular2为加载的组件预留了多少内存？检查JS堆内存。我可以看到它在堆中保留组件原型，直到路由到另一个页面。我找不到关
浏览 1提问于2016-10-14得票数 2
我有4个功能模块，将加载懒惰。有多个弹出窗口组件，这是功能模块所需的。目前，我已经创建了一个共享模块，它将导出这些组件，每个功能模块都将导入此共享模块。这种设计的权衡是，共享模块将包含在所有功能包中。问题是一些弹出式组件在一些功能模块中是不需要的。
有什么想法吗？
浏览 9提问于2017-02-22得票数 0
我目前在angular2工作，我对Angular2的某些方面一无所知，所以我的问题是，我曾经在那里使用jquery加载html模板，响应jquery使用html模板，然后将模板附加到视图中，现在如何在Angular2中实现相同的功能。我的场景是，我有一个类型记录类，它有一个相关的html页面，它处理一个复选框onChange事件，为了成功地响应该事件，我想在当前元素中添加一个HTML。
如何创建动态模板。
如何在我以前创建的类型记录类中使用处理程序将事件绑定到动态创建的模板。
如何在当前html单元格下呈现它。
浏览 8提问于2018-01-11得票数 1
6回答
以下是我的组件：
import { Component } from 'angular2/core';
@Component({
selector: 'test',
template:
`
<ul >
<li *ngFor="let t of test">
<span >{{t}}</span>
</li>
</ul>
`
})
export class TestCom
浏览 1提问于2016-06-15得票数 5
一些背景：
我参与开发了一个巨大的，非常动态的和可定制的角1 web应用程序。
因为它是如此巨大和动态，有大量的观察者在那里--至少在一个视图中是4K的。
正如预期的那样，该应用程序正面临着严重的性能问题。大量的观察者使得应用程序加载和一般响应时间非常长。
作为一种可能的解决方案，我正在考虑将几个“重型”组件升级到Angular2，这样这些组件就可以驻留在ng2框架中，并使用ng2更改跟踪--这要快得多。
在阅读迁移时，我注意到这一段：
当我们降低一个角2分量，然后使用它从角1，组件的输入将被观察使用角度1变化检测。
在这一点上，我想得到建议，只是为了确保我做出了正确的决定：
由于我不
浏览 3提问于2016-06-05得票数 1
我正在将我的应用升级到angular2 RC，我有一个关于ngModule的问题。
假设我使用了一些componentsModule，它包含了我想在我的应用程序中使用的所有组件。
为什么我需要在每个模块中分别导入它们？为什么我不能直接告诉appModule --“嗨，确保每个人都收到这个。”
在使用him的每个模块中反复需要该模块不是在浪费资源吗？或者是angular2将它们作为单例使用？如果是这样，那就不成问题了吗？-如果我确实需要新的提示怎么办？
浏览 12提问于2016-09-24得票数 3
1回答
我想在我的视图中动态加载组件，这是我尝试过的
在我的html文件中
<p>
<dynamic-component [componentData]="componentData"></dynamic-component>
</p>
然后在我的ts文件中
export class ChatCmpComponent implements OnInit {
private componentData = null;
ngOnInit() {
this.componentData = {
component: Chat
浏览 0提问于2017-07-29得票数 0
我正在升级到RC6，我需要以编程方式引导我的应用程序。在过去，我只是从平台-浏览器-动态调用bootstrap，但现在它消失了。我该怎么做呢？
浏览 19提问于2016-09-13得票数 0
1回答
我尝试创建自己的模块，并像下面的app模块一样导入它。
下面的代码很好，但是我想给出一个例子，然后在下面提出我的问题。
假设我的文件夹结构如下所示：
├── app
│ ├── app.component.ts
│ └── app.module.ts
├── credit-card
│ ├── credit-card-mask.pipe.ts
│ ├── credit-card.component.ts
│ ├── credit-card.module.ts
│ └── credit-card.service.ts
├── index.html
└── main
浏览 0提问于2017-10-26得票数 3
回答已采纳
我的组件看起来如下：
import {Component} from 'angular2/core';
//import {TL} from 'angular2/TimelineMax';
@Component({
selector: 'opning',
templateUrl: './components/opning/opning.html',
styleUrls: ['./components/opning/opning.css']
})
export class OpenCmp {
浏览 5提问于2015-12-27得票数 2
回答已采纳
1回答
动态加载模块组件Angular2
、、、、
基本上，在应用程序的每个创建模块中都有一个module.ts，例如： ng generate module newModuleName 然后使用newModuleName.module.ts文件创建模块 在该文件中，有一个带有declarations元素的@NgModule。 因此，我希望动态修改声明数组，以防止所有组件同时加载到内存中。 我该怎么做呢？
浏览 26提问于2019-02-20得票数 0
回答已采纳
我想知道如何在angular2.forex中使用动态组件加载器与加载的组件建立双向数据绑定。
ngAfterViewInit() {
//console.log('Generic Component...' + this.componentName + " Loading");
let componentIndex = this.keysRegister.indexOf(this.componentName);
this.dcl.loadNextToLocation(this.typesRegister[componentIndex],this.target
浏览 0提问于2016-07-11得票数 0
基本上，我在设计时使用它们的选择器时，在页面加载的不同选项卡中加载了许多组件。
我想按需加载这些组件(单击选项卡)。
下面是我想要动态加载的一个组件的选择器。但是它是按原样加载html，而不是加载组件。
我加载组件的代码如下：
ngOnInit()
{
$('#context1 .menu .items')
.tab({
cache: true,
// faking API request
apiSettings: {
loadingDuration : 300,
mockResponse : functi
浏览 2提问于2017-04-28得票数 1
6回答
Angular2应用程序加载速度慢，如何提高加载性能？
我使用Angular2，打字本和html5。
目前，我的应用程序需要4秒才能加载。我使用Firebase主机并使用cloudflare。
我正在做的事情/信息：
我压缩了图像。
我缩小css
我把js缩小了。
我在脚本上使用异步。
我的剧本在我的。
剧本约700 The。
我用了谷歌的速度测试，得到了65%
我使用了精简版本的库，我使用例如引导等。
使用系统。
这是使用：的种子应用im
流：
当应用程序加载时，它会显示一个蓝色屏幕(这是引导css)，然后4秒后，应用程序加载并工作得非常快。但
浏览 11提问于2016-11-30得票数 57
回答已采纳
1回答
条件加载Angular2
、、、
我需要重定向到登录页面，然后加载Angular2应用程序(不加载它)。我的项目是基于angular2-quicksart
当我在加载angular2 js文件后加载
<script>
var cookie = $.cookie(COOKIE_NAME);
if (cookie == undefined){
window.location.href = LOGIN_SERVER_URL
} else {
var head = document.getElementsByTagName('head')[0];
浏览 4提问于2016-11-25得票数 0
2回答
我在Angular2应用程序中使用了的动态HTML，它可以工作。但是现在，当我试图创建AOT时，我仍然需要为Angular2 2组件出口加载RuntimeCompiler。
有没有其他方法也可以使用延迟加载来编译动态HTML并加载模块。
一个旧的显示使用Angular2-Component-Outlet来放置动态内容。这类似于AngularJS ng-include指令。
浏览 1提问于2016-11-18得票数 2
回答已采纳
1回答
我正在研究微服务，更确切地说，是Angular2微服务。主要的想法似乎很容易，但它变得复杂，因为我想让不同的Angular2应用程序的镇静。
我的意思是，假设我有两个应用程序，我没有太多的控制权，应用程序A和应用程序B，由不同的团队创建，每一个服务于不同的事物(一个可能是2D查看器，另一个是3D查看器)。我正在考虑构建某种类型的组合代理，在该代理中，我使用一些自定义标记(如<service target = "url"> )定义一个html文件，然后让代理进行组合并将其提供给用户。
我已经对网络进行了一段时间的研究，我似乎在angular2的作文上找不到任何东西。以
浏览 1提问于2016-03-25得票数 0
1回答
我正在尝试建立一个基于组件的应用程序，它的大部分代码应该是可重用的，也与其他一些样式表等。
我们的目标是，我们有一些核心组件，我们也可以在其他项目中使用。它们应该是可扩展的，因此您可以自定义样式、功能等。
现在我正在尝试为我的问题找到一个解决方案:我希望有一种机制，当我扩展一个组件时，应用程序已经加载了扩展的组件，而不是超级组件。我知道我可以为扩展的组件创建一个新的组件，但我必须在整个应用程序中调整代码。
一个小示例:我有一个具有基本样式和逻辑的组件EditableList，以及一个圆形按钮组件(ListButton)。在App1中按原样使用EditableList组件。
现在在App2中，我
浏览 3提问于2017-05-18得票数 1
我对棱角有个问题。我有一个功能模块，其路由配置如下所示：
const routes: Routes = [
{
path: '',
children: [
{ path: '', component: CanvasComponent },
{ path: '', component: ControlsComponent, outlet: 'master' },
{ path: '', component: ToolbarComponent, out
浏览 3提问于2016-12-06得票数 1
是否可以通过http加载Angular2应用程序或组件？我正在寻找的东西是这样的：
模板：
<app-local></app-local> <app-http></app-http>
app本地的AppComponent：
[...] loadComponent("http://someurl/", "http-app"); [...]
其中app-http是来自另一个url的应用程序或组件。在调用"loadComponent“之后，占位符"http-app”应该被应用程序替换。我不知道如何更好地
浏览 17提问于2017-03-17得票数 2
回答已采纳
我有一个使用DynamicComponentLoader动态加载另一个组件的组件。但是，动态组件需要注入一个服务。然而，我不确定该怎么做。我从Angular.io文档中看到，DynamicComponentLoader接受ResolvedProvider数组。
我尝试通过执行以下操作来获得提供商：
var provider = provide(ManagerService, {useExisting: ManagerService});
dcl.loadIntoLocation(this.data.template, this.er, "content",[provider])
浏览 0提问于2016-04-08得票数 4
下面是我创建动态模块的初始代码
protected createComponentModule(componentType: any) {
@NgModule({
imports: [
ComponentModule
],
declarations: [
componentType
],
})
class RuntimeComponentModule {
}
return RuntimeComponentModule;
}
虽然我要在下面
浏览 6提问于2017-03-02得票数 11
我试图通过HTTP GET在一个组件中加载数据，然后我需要在动态加载的子组件中使用该数据。
代码如下：
ngOnInit(){
this.accountService.getPersonalInfo().subscribe(
response => {
this.Account = response.json();
this.dcl.loadIntoLocation(HeaderComponent, this.elementRef, 'header')
.then(compR
浏览 0提问于2016-04-23得票数 1
考虑到新RC带来的新变化，我有点不知道该如何处理这个问题。
我有一个.json文件，其中包含要加载的组件的名称和路径。如果需要，我可以更改该文件的结构：
示例：
[
{"component": "Comp1", "path": "./comp1.js"},
{"component": "Comp2", "path": "./comp2.js"}
]
到目前为止，我一直在加载JSON，系统导入js文件，将它们保存在一个数组中，并简单地重置路由器配置。这里有一个非
浏览 4提问于2016-08-18得票数 2
回答已采纳
我目前正在集成一个角(6.0)的顶部栏进度指示器。
我尝试了多个npm包，但一旦启动进度加载器，它们的CPU使用率都很高。
Chrome报告的CPU使用率为50-80%。下面是来自以下包的一个最小示例：
模板：
<ng-container *ngIf="(loader.progress$|async) as progress">
<div class="bar" [style.width.%]="progress">
</div>
</ng-container>
服务
浏览 0提问于2018-07-16得票数 0
回答已采纳
3回答
我最近从RC4转到了Angular2 RC5。从那时起，我遇到了几个问题。我不确定这些问题是因为我的错误还是过渡性的。我的应用程序组件如下所示：
import {Component, OnInit} from "@angular/core";
import {SetLocationService} from "./auth/set-location.service";
@Component({
selector : "my-app",
template: `
<app-header></app-header>
浏览 0提问于2016-08-15得票数 7
3回答
我想将@ wanted模块重命名为angular2，因为我发现它更易读，并且想了解导入是如何工作的。
因此，在我试图更改此之前，systemjs.config.js如下所示：
(function(global)
{
var map =
{
'app': 'app', // 'dist',
'@angular': 'node_modules/@angular',
/*...*/
};
var packages =
{
浏览 2提问于2016-05-13得票数 0
回答已采纳
我正在试用angular2应用程序。当我重新加载/刷新浏览器时，我会丢失html5控件中的值。例如，如果文本框中有某些值，则当手动刷新页面时，会丢失该值。有什么方法可以保留这个值吗？
谢谢,
川崎
浏览 4提问于2016-11-02得票数 0
回答已采纳
我需要在angular2中动态/使用setTimeout()加载根组件。是有可能的以及如何。例如：
<body>
<hello-world>Loading...</hello-world>
</body>
我要在几秒钟的页面加载后追加“hello-world”。因为我不能在页面加载中使用自定义组件。
会有帮助的。
浏览 7提问于2016-08-24得票数 0
回答已采纳
1回答
当我们导航到路由并加载组件时，
我们可以在加载的子组件中传递用@Input修饰的变量，并且可以订阅用@Output修饰的EventEmitter吗？
在父组件中是否有lifecycle Hook可用，其中定义了路由，并且我们可以获得对加载组件的引用，从而动态地将值\订阅函数传递给子组件？
父组件
@Component({
moduleId: module.id,
selector: "parent",
templateUrl: "<router-outlet></router-outlet>"
浏览 1提问于2016-06-01得票数 2
回答已采纳
1回答
角度延迟加载动态分量
、、、
使用角4.1.3，我正在开发一个延迟加载各种工具模块的映射应用程序。目前，有一个路由器插座，它将工具放置在地图中.但是，我需要支持将该工具放在地图旁边的一个新选项卡中。该选项卡是动态创建的，以响应加载工具模块，并且可以同时打开多个选项卡。
创建选项卡组件非常简单，似乎在新选项卡()中放置动态组件加载程序是将工具放置在选项卡中的合理方法。但是，我不知道如何实际获得将工具的组件传递给加载程序的引用，因为它是延迟加载模块的一部分。有没有办法让路由器把它传递给我的app.component，而不是通过路由器出口输出？我曾经想过把路由器插座放在一个隐藏的div中，然后在控制器中绑定到它，但是这看起来很麻
浏览 0提问于2017-06-01得票数 14
1回答
我有一个延迟加载模块，在延迟加载模块中有这样一个路径：
{
path: 'window',
component: CustomerFormComponent,
canActivate: [FormGuard],
}
我使用FormGuard来停止导航并打开一个对话框。我动态地实例化组件CustomerFormComponent，它在窗口中呈现。在我将这些路由移动到一个新模块(在路由中使用loadChildren )以延迟加载模块之前，一切都很正常。我有此错误，因为它无法在调用this.componentFactoryResolver.resolv
浏览 0提问于2019-07-29得票数 1
回答已采纳
1回答
角5应用程序结构设计
、、、
-我有几个问题与角5应用程序设计-有关
我们正在设计一个企业应用程序，它类似于小部件和小部件商店的占位符。它的工作方式是这样的--当用户登陆页面时，他会看到很少可以自定义的小部件。如果他愿意，他可以从Store中添加更多的小部件。
当他添加小部件时，它将被动态更新到页面中。您可以将每个小部件视为组件。话虽如此，我有几个问题-
在不将组件添加到entryComponents数组的情况下，NgModule可以动态添加组件吗？(我知道另一个叫ComponentResolverFactory)。还有别的事吗？
我问这个问题是因为，如果我们开始添加更多的组件(小部件)，这些组件是动态加载的，
浏览 0提问于2018-05-11得票数 1
我已经使用这个链接创建了一个动态加载组件集的指令- 我的问题是我需要将组件添加到父组件，而不是当前的ViewContainer。有谁知道我该怎么做吗？
背景-我在bootstrap模式中动态加载组件。当我的溢出被设置为隐藏时，组件正在被剪切。所以我需要让组件在模式之外，这样我就可以将它定位在模式之上。
以下是该指令的代码
import {
ComponentFactory, ComponentFactoryResolver, ComponentRef,
Directive, ElementRef, EventEmitter,
HostListener, Input, O
浏览 0提问于2016-12-01得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
