问题标签 [ngfor]

Angular 2 文档似乎是正确的。在 app.html 中使用 *ngFor="let hero of heros" 调用时，我的位于 app.component.ts 中的字符串数组似乎无法识别

非常感谢您尝试通过教程运行所有帮助！

app.component.ts

应用程序.html

我有以下代码

我从一个长度为 2 的 http 服务获取数据 lengthArray，我得到了 2 个 li 元素，但属性没有分配给它们

我什至尝试像这样分配 [data-slide-to]="data.index" 并把 # even ，所有可能的方式

在浏览器检查元素中，我可以看到

我期望在哪里

根据我的 lengthArrat 中的数据，即数据

我正在循环一个包含 6 个对象的数组并使用 ngFor 我只想循环最多 4 个元素.. 我该怎么做？

在 LengthArray 我有 6 但如何只循环最多 4 条记录？

而且我想在另一个 div 中从第 4 条记录循环到第 6 条记录。我怎样才能从第 4 条记录开始？

我正在尝试显示用户表。每个<tr>标签都由以下内容描述UserRowComponent：

对于我正在使用的用户循环：

但结果我得到了带有多个<user-row></user-row>标签的表格，<tr>里面有标签。

有一个解决方案 - 将selector属性设置为类似并从模板tr.user-row中删除包装<tr>标签。<user-row>

但是如果我需要在同一个表中显示每个用户的订单列表，<user-row>就像这样：

因此，最好*ngFor只显示template属性中的内容，而不用选择器标签包装。组件的模板会这样写：

和模板<user-order-list>：

模板<user-order-row>：

我有一个 Angular 2 组件，用于*ngFor呈现嵌套的数字数组。

当我更改data时，Angular 会替换<chart>元素，即使新数组具有相同的尺寸。我只希望它更新图表的属性但保留元素（以便我可以为数据更改设置动画）。

Angular 替换元素是可以理解的，因为新数组是一个新的对象引用。但是我该如何规避呢？

我正在尝试有条件地将引导程序 col-xs-4 的三个包装成一行。我的 col-xs-4 的渲染效果很好，但我不知道如何将它们有条件地包裹在一行中。这是我现在的 NgFor：

我想做的是这样的事情，但我知道它是错误的，那么正确的方法是什么：

编辑

答案正如 Gunter 建议的那样，将数据重新组织成行。然后我可以将模板组织成这样：

我正在尝试在 Angular2 中使用 ngModel 实现内联编辑。我有一个需要使用 ngFor 迭代并且还使用 ngModel 的数组。当我尝试对此数组应用内联编辑时，我只能为数组的每个变量编辑一个字符。

您可以在此处找到一个工作示例。

这是我一起使用 ngModel 和 ngFor 的组件的代码：

如果有人可以帮助我，那就太好了。

看起来 HTML 中的货运变量有问题：

app/freightList.component.html:13:8 中的错误尝试区分“[object Object]”时出错

下面是代码

截至今天，我正在使用最新版本的 Angular2，并遵循 Angular 2 网站上的官方示例。https://angular.io/docs/ts/latest/tutorial/toh-pt2.html
我正在尝试使用解析数组*ngFor并获得以下异常Template parse errors: Can't bind to 'ngFor' since it isn't a known native property。
Iv'e 查看了其他问题是语法的帖子，但据我所知，语法没有任何错误。

有人可以告诉我哪里出错了。谢谢！！！

app.component.ts

引导.ts

我正在创建这个移动应用程序，我必须在其中列出一些标签。代码如下所示：

带有 *ngFor 的标签根本不显示。感觉循环根本不起作用。我检查了 Nativescript 网站上的文档，它似乎有旧的不推荐使用的版本（使用 # 而不是 let），它也不起作用。如果您能指导我解决我的错误，并在可能的情况下建议我一个地方（除了 Nativescript 的网站）来获得帮助，我将非常感激。

公平地说，第一个和最后一个标签显示正确。

[编辑] 似乎*ngFor="let item of items 它无法识别 items 数组。尝试使用 {{}} 推断它，但这样做会出错。