在Angular 2中<template *ngFor的等价物是什么？
在Angular 2中，<template *ngFor的等价物是ng-container。
ng-container是一个逻辑容器，它可以用来包裹多个元素，而不会在DOM中创建额外的节点。在使用*ngFor指令时，ng-container可以作为一个包裹器，用来循环渲染多个元素，而不需要额外的HTML标签。
ng-container的优势在于它不会引入多余的DOM节点，从而减少了页面的复杂性和渲染的开销。它可以提高性能并改善代码的可读性。
ng-container的应用场景包括但不限于：
- 在使用*ngFor指令时，用于循环渲染多个元素。
- 在使用*ngIf指令时，用于条件渲染元素。
- 在模板中需要使用结构指令（如ngFor、ngIf）但不需要实际渲染元素时，可以使用ng-container作为占位符。
腾讯云相关产品中，与Angular 2相关的产品是腾讯云云开发（Tencent Cloud CloudBase）。 腾讯云云开发是一款集成了云函数、云数据库、云存储等多种服务的云端一体化开发平台，可以帮助开发者快速构建和部署应用。通过腾讯云云开发，开发者可以方便地进行前端开发、后端开发、数据库操作等，提高开发效率。
更多关于腾讯云云开发的信息，请访问腾讯云官方网站： https://cloud.tencent.com/product/tcb
相关·内容
3回答
在Angular 2中<template *ngFor的等价物是什么？
javascript、angular
我想做这样的事情： <div *ngFor="let child of parent.children"></div><template
浏览 2提问于2016-09-03得票数 13
回答已采纳
1回答
Angular模板上下文更改保存它的属性
javascript、html、angular
我有一个视图组件，它接收一个选项列表(一个选项有一个模板、一个标签和一个模板上下文)，并在此基础上呈现一个标签列表，用户可以在标签列表中选择一个选项，还可以呈现选项的模板以及在ng容器中提供的模板上下文它在使用不同的模板时工作得很好，但是当使用相同的模板但使用不同的上下文时，在选择其他选项后，@Input列表参数中的最后一个选项上下文会发生变化。我的Option类如下： export class Option {
浏览 21提问于2021-04-15得票数 0
3回答
Angular 2组件*ngFor模板解析错误
angular、ngfor
我有以下来自角度2的错误：Parser Error: Unexpected token . at column 26 in [ngFor[ngClass]="button.classes"这是我的代码：im
浏览 0提问于2016-05-26得票数 5
回答已采纳
1回答
*ngFor变量的作用域
angular
我试着筑巢*就像这样： <my-cube *ngFor="let cube of cubeArray"> </div>我还尝试了一些其他解决方案：，但这并不适用于香草html标记。
我知道我可以
浏览 0提问于2016-08-24得票数 2
回答已采纳
3回答
‘`ngIf`’问题，如何？
javascript、angular
任何想法更新:我接受ngIf没有在代码中的那个位置被解析的答案。如果你读了这篇文章，你认为这是一个错误(可能会被解决)，请在评论中指出这一点。component app.AppComponent = ng.core selector: 'my-app',
template: `<div *ngFor="#main of content;
浏览 1提问于2016-03-29得票数 3
回答已采纳
2回答
错误:没有为MyAppComponent找到模板
angularjs
我遵循了指南，但得到了以下错误：
// Note I've changed Template to View here as I think it is a typo按照邓肯·布斯( Duncan )在这里的建议，，我做了以下修改，一切正常：
import {Component, Template} from '<
浏览 1提问于2015-04-27得票数 6
3回答
mat autocomplete -如何设置未找到的选项
angular、angular-material、mat-autocomplete
如何为mat mat-autocomplete设置未找到的选项。下面是我的代码：<mat-autocomplete #auto="matAutocomplete" [displayWith]="displayFn"><md-autocomplete ...> ...</md-item-templa
浏览 8提问于2018-11-25得票数 2
2回答
组件视图上的意外指令值'undefined‘(angular 2.0)
javascript、angular、annotations
我使用angular 2.0的最新alpha版本，然后使用es5作为它的代码。当我将指令添加到视图注释中时，我遇到了错误。plunkr： new angular.ComponentAnnotation({ }), temp
浏览 3提问于2015-05-31得票数 3
2回答
一个独立的纳克-在角2？
angular
许多其他框架以这样(假设的)方式支持它：{% for foo in foos %} {% for bar in foo.bars%} {% endfor %}</table>
但是在角度上，你必须把ng-for连接到一个实际的元素上
浏览 3提问于2015-10-29得票数 0
回答已采纳
2回答
如何在角2的表中嵌套？
angular
我有一个像这样的物体： "key1": [{...}, {...}, ...], ....然后，在我的组件html中，我想做这样的事情： <!-- endfor -->我的问题是，基于中提供的示例，编写类似于 <tr
浏览 1提问于2016-03-18得票数 1
回答已采纳
1回答
Angular2服务呈现HTML
javascript、service、typescript、angular
学习Angular2教程。挑战是创建一个使用“tweet”服务来检索其帖子的“tweet”组件。
该服务将返回一个硬编码的tweet数组。这只是为了锻炼，显然不是为了提高效率。但是，该服务只能返回一个字符串数组，因此我不确定如何返回一个HTML数组，然后在视图中将其呈现为HTML而不是文本。我读过并看到，当然有比通过服务更好的方法来实现这一点，可能是通过指令。这就是我到目前为止想出的方法。视图将来自服务的tweet数组呈现为文本。其他一切都很好，因为我测试了它，服务返回
浏览 0提问于2016-06-15得票数 1
2回答
如何在ngFor外部为当前对象使用* ngFor？
javascript、angular、ngfor
标题可能看起来很奇怪，但我所说的基本上就是正在做的事情。
我正在寻找一种在*ngFor作用域之外的<tr>中使用当前迭代的person的方法。在链接中，他使用ng-repeat-start和ng-repeat-end在ng-repeat.中包含多个标记，如何使用*ngFor实现与Angular2相同的行为
浏览 18提问于2016-08-31得票数 7
回答已采纳
1回答
Angular2自定义指令问题
angularjs、angular、angular2-directives
Mkay，我正在跟踪一个在线教程，，作为percise，其结果是这样一个指令：})
template: ` <template NgFor=<span class="s
浏览 5提问于2016-04-09得票数 0
回答已采纳
1回答
是否有一种方法可以按角度绑定到组件数组并使用ngFor呈现当前组件中的组件
angular、angular-components
在前言中，这与以下问题有关：
<Do something here to render component>我曾经与KnockoutJs一起工作过，通过视图中的以下内容可以很容易地做到这一点：
<!
浏览 0提问于2020-08-22得票数 4
回答已采纳
3回答
在angular2中* in *ngFor是什么意思？
angular
以下示例中ngFor前的*是什么意思，为什么需要它？<div *ngFor="#hero of heroes" (click)="selectHero(hero)"></div>
浏览 45提问于2016-02-19得票数 35
回答已采纳
1回答
使用Angular cdkDrag在模型更新时保留UI元素位置
angular、drag-and-drop、angular-cdk、ngzone、angular-renderer2
在视图中，我有一个使用Angular cdkDrag在仪表板上移动元素的组件。 此组件的数据从订阅到SignalR集线器的父组件(通过单向绑定)向下传递。我遇到的问题是，一旦收到有效负载，如果任何元素已经被移动，它们就会重新设置为默认的UI布局(就像您刷新了页面一样)。 有没有办法阻止这一切？我是否需要将新位置存储在缓存中，并在收到有效负载后应用先前的位置(来自缓存)？ 下面是显示该问题的Stack
浏览 17提问于2019-09-05得票数 0
2回答
为什么有些Angular指令需要以*开头？
angular
为什么有些指令需要以*开头？例如，在下面的代码片段中，指令matHeaderCellDef以*开头。相反，matColumnDef并非如此。 <th mat-header-cell *matHeaderCellDef> Tag </th></ng-container>
浏览 0提问于2018-06-01得票数 2
1回答
我希望建立一个自由形式的文本框生成器，几乎类似于列表生成器，如所附图像所示。我需要在前端html的文本框中输入值，单击Add按钮后，该值应移动到右侧的文本区域。与图像中显示的列表框相同。但我想用textbox来实现。有什么建议吗？我正在使用Angular2 Typescript和html来做这件事。
浏览 1提问于2017-04-13得票数 0
1回答
如何访问内部value="“参数中的外部*NGFOR值？
angular、ngfor
简而言之，我有一个<ul>标记，其中包含许多<li>标记，这些标记是通过在另一个*ngFor中使用*ngFor创建的。我想让这段代码做的是列出一周中的几天(例如，星期一、星期二、星期三……)然后将它们与一天中的时间连接起来(例如，上午、中午、下午……)。很简单，下面是源代码，几乎是完整的。import { Component, NgModule, VERSION } from '@angular&#x
浏览 0提问于2018-10-24得票数 0
4回答
如何根据ngFor在angular4中使用的值来选择angular4？
angular、ngfor、angular-ng-if
我对角很陌生，假设我有这样一个数组的值在使用ngFor时，我希望使用不同的html表示真值，对假值使用不同的html，我遵循了这个并实现了这个，但是它不起作用。<div *ngFor="let n of domElement; let i=index">
<div *ngFor
浏览 14提问于2017-08-31得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
