温馨提示:本文翻译自stackoverflow.com，查看原文请点击：angular - How is cdkPortal different from ngTemplateOutlet
angular angular-template angular-cdk

angular - cdkPortal与ngTemplateOutlet有何不同

发布于 2020-03-27 12:03:30

为什么要在Angular中的内置指令ngTemplateOutlet和ngComponentOutlet上使用cdkPortal。它们不是都提供相同的功能吗？CDK Portal中是否有内置指令不附带的特定功能？

查看更多

查看更多

提问者
Murhaf Sousli
被浏览
44
分享
Jota.Toledo 2019-07-04 00:47

如果您看一下cdkPortal docs中的第一个示例，您会注意到一个很大的优势/商品：

cdkPortalOutlet 统一的功能ngTemplateOutlet和ngComponentOutlet通过允许开发者。将模板和组件动态地嵌入到视图中。

此外，ComponentPortal允许动态传递Injector实例，在需要更好地控制要嵌入的组件的依赖关系解析的情况下，这可以派上用场。

相关问题

1
NGXS如何在异步调用后触发Angular重新渲染？
2
用intercept更改赛普拉斯中相同URL的灯具响应
3
根据Observable本身中的数据填充Observable中的数据
4
将Angular 11 HttpClient通用 Observable map服务值转换为一个类
5
在订阅块角离子之后使用变量
6
自定义 Angular 的阿尔及利亚搜索框
7
Ngfor数组并通过ngif访问
8
打破lambda表达式箭头的TsLint规则名称是什么？
9
覆盖外部组件的封装CSS
10
以 Angular 显示或隐藏鼠标悬停时的元素

热门github

1
real time face swap and one-click video deepfake with only a single image
2
A quick example of how one can "synchronize" a 3d scene across multiple windows using three.js and localStorage
3
ChatGPT DAN, Jailbreaks prompt
4
21 Lessons, Get Started Building with Generative AI 🔗 https://microsoft.github.io/generative-ai-for-beginners/ (翻译：12 节课程，开始使用生成式 AI 进行构建)
5
Curated list of project-based tutorials (翻译：收藏了基于项目的教程列表)
6
Truly independent web browser
7
Python - 100天从新手到大师
8
An open source payments switch written in Rust to make payments fast, reliable and affordable (翻译：YOLOv8 🚀 in PyTorch > ONNX > CoreML > TFLite)
9
Agent S: an open agentic framework that uses computers like a human
10
Master programming by recreating your favorite technologies from scratch. (翻译：在这个项目中，你能学会如何创造自己的各种工具，引擎，游戏，框架，库......)
11
Jelly Evolution Simulator
12
Collection of leaked system prompts
13
🤯 Lobe Chat - an open-source, modern-design AI chat framework. Supports Multi AI Providers( OpenAI / Claude 3 / Gemini / Ollama / DeepSeek / Qwen), Knowledge Base (file upload / knowledge management / RAG ), Multi-Modals (Plugins/Artifacts) and Thinking. One-click FREE deployment of your private ChatGPT/ Claude / DeepSeek application. (翻译：LobeChat 是开源的高性能聊天机器人框架，支持语音合成、多模态、可扩展的（Function Call）插件系统。)