问题标签 [ngfor]

What am I doing wrong?

The error is

我在尝试使用 Angular*ngFor和*ngIf在同一个元素上时遇到问题。

当尝试遍历 中的集合时*ngFor，该集合被视为null并因此在尝试访问模板中的属性时失败。

我知道简单的解决方案是*ngIf向上移动一个级别，但是对于像在 a 中循环列表项这样的场景，如果集合为空，ul我最终会得到一个空的，或者我的lili的，或者我的 s 被包装在冗余容器元素中。

这个plnkr的例子。

注意控制台错误：

我做错了什么还是这是一个错误？

我正在尝试找出如何在ngFor loop.

我有一个这样的循环：

您可以看到getBuild呼叫必须重复多次。（在我的实际示例中更多次）。我想要一种方法来在循环中的模板中创建这个变量并简单地重用它。

有没有办法做到这一点？

我有一个简单的ngFor循环，它也跟踪当前的index. 我想将该index值存储在一个属性中，以便我可以打印它。但我无法弄清楚这是如何工作的。

我基本上有这个：

我想将 的值存储#i在属性中data-index。我尝试了几种方法，但都没有奏效。

我在这里有一个演示：http: //plnkr.co/edit/EXpOKAEIFlI9QwuRcZqp ?p=preview

如何将index值存储在data-index属性中？

我有一个 json 数组，它可以包含我要加载的组件的组件或 html 选择器。我正在尝试将这些数据加载到 for 循环中。当我尝试插入值 {{d.html}} 时，它显示为计划文本。当我使用下面的 innerHTML 方法并检查 dom 时，我在那里看到了 html，但它并没有像自定义组件一样运行（dom 将只包含而不是初始化它并用组件模板替换它。

我查看了动态内容加载器，但不适合。这是一个 for 循环，因此不能使用模板语法，所以 loadIntoLocation 对我不起作用。如果组件有任何输入，也不确定它会如何工作。

我在组件中使用以下代码，尽管位置设置了正确的值，但没有呈现任何内容：

我猜 Angular 2 无法处理，location.forecast.list尽管它是我的 TypeScript 组件类中的一个有效对象数组。

我正在尝试ngFor在我的选择 DropDownList 上使用。已加载应该在下拉列表中的选项。

您在此处看到的代码：

基于此代码，它会生成一个类似于此图像的下拉列表。

问题是我想根据passenger.Title字符串“先生”或“夫人”将其中一个“先生或夫人”设置为活动的。

任何人都可以帮助看看我在这里做错了什么？

我想显示group在列表中具有属性的对象数组，并且能够根据用户的需要仅显示某个组的对象。

为了做到这一点，我有复选框来收集用户的愿望：

然后，我希望能够只显示group选择了它们的属性的对象。我首先尝试只显示选定的组：

我设法创建了一个selectedGroups对象，其中包含仅包含选定组的数组：

如图所示，我放了一个console.log(this.selectedGroups)来验证我的selectedGroups对象是否真的只包含我想要的选定组，并在选中/取消选中复选框时正确更新。它确实如此。

问题是，当我选中/取消选中或复选框时，所选组的列表不会在我的视图中更新。它卡住了，好像selectedGroups一直['Group A', 'Group B', 'Group C']都一样。

有谁知道为什么？它与 的行为有关*ngFor吗？如果是这样，我该怎么做才能拥有我想要的行为？

我尝试了另一种使用*ngIfand的方法groupsMap，但它也不起作用：

我很乐意以一种或另一种方式找到解决方案。任何帮助将不胜感激，谢谢！

在 Angular 1 中，我编写了一个自定义指令（“repeater-ready”），用于ng-repeat在迭代完成时调用回调方法：

标记中的用法：

如何ngFor在 Angular 2 中实现类似的功能？

我正在使 *ngFor 与 Ionic 2 配合良好，但我想使用 collection-repeat，因为它更适合广泛的数据。

我正在将数据加载到构造函数中：

这是我对 *ngFor 的看法，我注入的数据工作正常：

但是用 collection-repeat 加载的相同数据不起作用：

没有数据也没有错误。我知道这是很多数据，我可以在服务器端拆分我的 JSON，但这种情况是出于基准测试目的（Ionic 1 和 collection-repeat 比 Ionic 2 和 ngFor 好得多）。

Ionic 2 beta 是否包含该指令？

谢谢，

德德