首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Angular:从动态字符串绑定组件选择器

Angular:从动态字符串绑定组件选择器
EN

Stack Overflow用户
提问于 2019-12-05 19:57:27
回答 1查看 1.2K关注 0票数 0

我正在开发一个模块化的angular 8应用程序,我想知道是否可以在模板中调用“动态”组件选择器。

例如:我在应用程序中加载了一个名为"TestModule“的模块。它有一个可由"test- component“选择器调用组件。

我可以使用主应用程序模板中的选择器加载此组件:

代码语言:javascript
运行
复制
<test-component></test-component>

可以为选择器使用变量吗?因为模块是动态的,所以它的名称是未知的。(非工作的)解决方案应该是:

代码语言:javascript
运行
复制
<{{dynamicName}}></{{dynamicName}}> 

在主应用组件中,dynamicName被设置为"test- component“。

谢谢

EN

回答 1

Stack Overflow用户

发布于 2019-12-05 20:18:06

我建议您使用this tutorial from the official docs

它涉及到创建一个非常简单的指令(只是为了获得想要呈现动态组件的元素),以及使用Angular的componentFactoryResolver动态创建和呈现动态组件。

该教程可能看起来有点吓人,但如果您将其剥离以满足您的需求,那么它可能只有10行代码。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/59194624

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档