“[ngTemplateOutet]”正在工作，但“*ngTemplateOutlet”不起作用

[ngTemplateOutlet] 是 Angular 框架中的一个指令，用于动态加载和渲染模板。它允许我们在一个组件中引用另一个组件的模板，并将其插入到当前组件的视图中。

*ngTemplateOutlet 是 [ngTemplateOutlet] 指令的结构化版本，它可以与结构型指令（如 *ngIf 和 *ngFor）一起使用，以根据条件动态地插入模板。

这两个指令的主要区别在于语法和用法。[ngTemplateOutlet] 是属性绑定语法，用于将模板引用绑定到组件的属性上，而 *ngTemplateOutlet 是结构指令语法，用于在模板中根据条件插入模板。

[ngTemplateOutlet] 的优势在于可以在组件之间共享模板，并实现模板的复用。它可以用于动态生成表单、列表、弹窗等组件，提高代码的可维护性和复用性。

应用场景：

动态表单：根据不同的数据模型和条件，动态生成表单字段和验证规则。
列表渲染：根据数据集合动态生成列表项，实现灵活的列表展示。
弹窗内容：根据不同的业务场景，动态生成弹窗的内容和样式。
条件渲染：根据条件动态展示不同的模板，实现复杂的页面逻辑。

推荐的腾讯云相关产品：腾讯云提供了一系列云计算产品，以下是与 Angular 相关的产品：

云服务器（CVM）：提供可扩展的虚拟服务器，可用于部署 Angular 应用程序。链接：https://cloud.tencent.com/product/cvm
云数据库 MySQL 版（CDB）：提供高性能、可扩展的 MySQL 数据库服务，可用于存储 Angular 应用程序的数据。链接：https://cloud.tencent.com/product/cdb_mysql
云存储（COS）：提供安全可靠的对象存储服务，可用于存储 Angular 应用程序的静态资源和文件。链接：https://cloud.tencent.com/product/cos
云函数（SCF）：提供无服务器的事件驱动计算服务，可用于处理 Angular 应用程序的后端逻辑。链接：https://cloud.tencent.com/product/scf

请注意，以上推荐的产品仅为示例，实际选择产品应根据具体需求进行评估和决策。

“[ngTemplateOutet]”正在工作，但“**ngTemplateOutlet”不起作用*

、

我试图制作一个使用ngTemplateOutlet来挑选ng-template的组件，但是我就是不明白为什么*ngTemplateOutlet在这里不能工作(但是ngTemplateOutlet可以工作以下是我的代码<div class="frame-wrapper"> <ng-container [ngTemplateOutlet]="(windowWidth

浏览 11提问于2019-07-17得票数 1

1回答

为什么ng-template上的NgTemplateOutlet指令在页面上打印内容？

我可以理解为什么<1>可以工作，但令人惊讶的是，<2>也可以工作并打印页面上的内容，为什么？<2>不应该创建另一个ng-template，它必须由createEmbeddedView或ngTemplateOutlet等使用吗？<ng-container *ngTemplateOutlet="contents"></ng-container><

浏览 3提问于2018-08-10得票数 1

1回答

如何使用NgTemplateOutlet获取works ViewChildren？(4.0.0-rc1)

我想用NgTemplateOutlet创建孩子。我有这个，其中有子组件和父组件，父组件有一个使用ngTemplateOutlet呈现的输入模板： selector: 'parent', this.updateElements();} 父组件尝试使用ViewChildren获取Child子组件，但不起作用另一方面，我编写了，在那里我使用ngFor渲染了几个子组件，并且它可以

浏览 14提问于2017-03-01得票数 2

1回答

、、、

我是在一个定制的角度组件工作，我需要显示两次投影内容。div> <ng-content select="app-awesome-card"></ng-content>但这不起作用即使我像这样使用ng模板： <ng-container *<e

浏览 1提问于2021-02-06得票数 3

1回答

带有ng模板的ReactiveForm

在该表单中，有两个窗体控件，我不想在其中定义，而是在*ngTemplateOutlet中使用*ngTemplateOutlet。我想我可以通过ngTemplateOutletContext传递上下文并解决这个问题，但它根本不起作用。来想象我正在做的事情： typecarFormGroup" (ngSubmit)="s

浏览 1提问于2019-07-23得票数 0

回答已采纳

1回答

角10，浏览器控制台中的TypeError，但在构建中没有错误

、、、

没有代码更改完成，升级到角10，所有的工作，除了一个功能。没有生成错误，但是在浏览器控制台中可以看到下面的错误。我想这可能与angular.core，rxjs有关，但unclear..appreciate是您的帮助。templateRef.createEmbeddedView is not a function at NgTemplateOutlet.ngOnChanges(ng_template_outlet.ts

浏览 0提问于2020-11-18得票数 0

回答已采纳

2回答

间接递归Ng-角度6中的模板

ng-template #list let-Items> <li *ngFor="let i of Items"> </ul>// some code <ng-container [

浏览 0提问于2018-11-19得票数 0

1回答

使用函数确定要使用ngTemplateOutlet呈现的模板

、

有没有办法使用函数来确定哪个模板是用*ngTemplateOutlet呈现的？我试着让它尽可能的自包含。现在，我有： <ng-container *ngTemplateOutlet="getTemplate()"></ng-container> <ng-template #tab1> TAB1 STUFF, WHICH IS WAY DIFFERENT </ng-template> 其中getTemplate()返回this.selectedTab.selector (

浏览 21提问于2021-09-16得票数 0

回答已采纳

2回答

多个ngtemplate中的Ngcontent

、

我正在尝试创建一个按钮组件(app- button )，它可以有多个模板基于使用此按钮组件的父组件。<div class="ds-u-margin-left--1 ds-u-float--left"><app-button></app-button> 当我有一个图标

浏览 2提问于2020-02-07得票数 0

1回答

将现有的ng-容器树调整为虚拟树

、、

相反，我选择了尝试cdk-virtual-scroll-viewport，但我无法让它开始工作，因为我正在使用ngTemplateOutlet。children.length > 0"> </

浏览 0提问于2019-12-09得票数 0

1回答

有上下文不工作的角4模板

、

我正在处理我创建的动态表单组件，而且我使用的自定义模板无法正确获取上下文。ng-template> <ng-container *ngFor="let field of formModel.formFields"><form> <ng

浏览 1提问于2017-11-21得票数 0

1回答

jQuery .text()正在工作，但.html()不起作用

、

我希望能够对正在显示的数据进行样式化，因此我可以使用span的.html()输出数据(可以在小提琴的第93行看到)，但它似乎不起作用。这也需要在IE8中工作，这就是为什么r2d3.js被包括在内的原因。耽误您时间，实在对不起!

浏览 2提问于2013-08-29得票数 2

回答已采纳

1回答

永久链接正在工作，但/%postname%/不起作用

、、

默认的永久链接运行良好，但当我尝试将其更改为/%postname%/或任何其他类型时，它显示以下错误。

浏览 2提问于2021-04-04得票数 0

1回答

angular材质中的ngTemplateOutlet仅使用默认选项自动完成渲染

、、、、

我正在尝试创建一组自定义模板，使用materials、autocomplete和ngTemplateOutlet来切换我想用来显示结果的模板(例如，如果有分组的结果，它们将以不同于传统的自动完成选项的方式显示ngTemplateOutlet似乎仅在提供了默认选项时才呈现模板。在没有至少一个mat-option存在的情况下，似乎无法将选项直接附加到mat-autocomplete。理想情况下，呈现的唯一选项将是从组件获取的选项(在一个更复杂的示例中，以下代码很简单，但仍会复制问题)。从本质上讲，我正在寻找一

浏览 15提问于2019-07-19得票数 1

回答已采纳

2回答